﻿@charset "utf-8";
/*公共样式*/
* {margin: 0; padding: 0;}
html{font-size:62.5%;}
body{font-size:14px;font-size:1.4rem;font-family:"微软雅黑";color:#666;}
ul li{list-style:none;}
a{text-decoration:none;}
input, select, button, textarea {font: 14px/1.5 "微软雅黑" "黑体";font-size:1.4rem; color: #666;}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;outline:none;}
a:hover{text-decoration:none;cursor: pointer;}
img{border: 0;/*max-width: 100%;*/}
h1, h2, h3, h4, h5, h6, b {font-weight: normal;}
i, em {font-style: normal; }
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.pa{position: absolute;}
.pr{position: relative;}
.content{margin:0 auto;width:1120px;}

/*首页*/
header{width: 100%;background: #fff;}
.head_top{width: 100%;height:40px;background: #333333; line-height:40px;}
.head_top p{color: #b7b8b8;font-size:1.4rem;}
.head_top p a{color: #b7b8b8;}
.head_top p span{display: inline-block;margin: 0px 10px;}
.head_top p i{display: inline-block;margin: 0px 2px;}
.head{height:130px;position: relative;}
.logo{width:219px; height:69px;position: absolute;top: 32px; left: 50%; margin-left: -110px;}
.logo img{width:219px; height:69px;}
.head_search{margin-top:57px;}
.head_search_text{height: 41px;width: 174px;border: 1px solid #e5e5e5; border-right: 0; font-size: 1.2rem;text-indent: 10px;display: block;float: left;}
.head_search_img{vertical-align: middle;height: 43px;display: block;float: left;}
.menu{height:67px;}
.menu ul{height:67px;}
.menu ul li{width:12.5%;height:67px; float: left;position: relative;}
.menu_a{display: block;width:100%;height:57px;position: absolute;top:0px; left: 0px; padding-top:10px; text-align: center;font-size:1.8rem; line-height:22px; color:#636262;}
.menu_a em{font-size:1.2rem;color: #b6b6b6;font-variant:small-caps;}
.menu ul li.on,.menu ul li:hover{background:#0097dd;}
.menu ul li.on .menu_a,.menu ul li.on .menu_a em,.menu ul li:hover .menu_a,.menu ul li:hover .menu_a em{color:#fff;}
.menu_hover{width:100%;padding-bottom:20px;background:#0097dd;position: absolute;left:0%;top:67px;z-index: 9999;display: none;}
.menu_hover a{display: block;width:100%;height: 35px;line-height: 35px;color: #fff; text-align: center; overflow: hidden;}
.menu ul li:hover .menu_hover{display: block;}
.menu_hover a:hover{}

.tip{height: 100px;position: fixed; top: 0; left: 0; z-index: 999999;display: none;}
.logo1{height: 54px; margin-top: 23px;}
.logo1 img{height: 66px;}
menu{height:100px;width: 900px;}
menu ul{height:100px;}
menu ul li{width:12.5%;height:66px;padding: 17px 0px; float: left;position: relative;}
.menu_a1{display: block;width:100%;height:57px;position: absolute;top:17px; left: 0px; padding-top:10px; text-align: center;font-size:1.8rem; line-height:22px; color:#636262;}
.menu_a1 em{font-size:1.2rem;color: #b6b6b6;font-variant:small-caps;}
menu ul li.on,menu ul li:hover{background:#0097dd;}
menu ul li.on .menu_a1,menu ul li.on .menu_a1 em,menu ul li:hover .menu_a1,menu ul li:hover .menu_a1 em{color:#fff;}
.menu_hover1{width:100%;padding-bottom:20px;background:#0097dd;position: absolute;left:0%;top:100px;z-index: 9999;display: none;}
.menu_hover1 a{display: block;width:100%;height: 35px;line-height: 35px;color: #fff; text-align: center; overflow: hidden;}
menu ul li:hover .menu_hover1{display: block;}

/*banner*/
.banner{width: 100%; height:auto; overflow: hidden; position:relative;}
.banner-box{width: 100%;height:auto;position:relative;overflow:hidden;}
.banner-box .bd{width:100% !important;}
.banner-box .bd li{width:100% !important;height:auto;}
.banner-box .bd li a{display:block;}
.banner-box .bd li a img{display: block; width:100%; height:auto;overflow:hidden;}
.banner-btn{width:100%;position:absolute;bottom:5%;left:0;}
.banner-box .hd {position:absolute;left:50%;margin-left: -57px; bottom:0px; z-index: 9;}
.banner-box .hd ul li{width:12px;height:12px;text-indent:-9999px;margin-right:16px;border-radius: 50%; float:left;cursor:pointer; background: #fff; border:5px solid #fff; }
.banner-box .hd ul li.on{border-color:#0071be;}
/*banner 结束*/

.index_product{margin:80px auto 64px;}
.index_title{height: 42px;position: relative;margin-bottom: 20px;}
.index_title h4{line-height: 42px;color: #cacaca; font-size: 1.6rem;}
.index_title h4 span{color:#0071be; font-size:2.4rem;display: inline-block; margin-right:15px;}
.index_title p{color: #777777;line-height: 42px;position: absolute;top: 0;right: 0;}
.index_title p a{color: #777777;}
.index_product_con{height: 470px; background: url(../images/bg1.png) no-repeat 102px 10px;margin-bottom: 130px;}
.picScroll-left{position:relative;width:721px;height: 415px; padding-top: 56px; margin-left: 303px;}
.picScroll-left .hd{position:relative;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:18px; height:18px; float:right;overflow:hidden; cursor:pointer;  position:absolute;left:646px; z-index:10;}
.picScroll-left .hd .prev{top:233px; background:url(../images/left.png) no-repeat;}
.picScroll-left .hd .next{background:url(../images/right.png) no-repeat; top:269px;}
.picScroll-left .bd{width:721px; margin:0px auto;}
.picScroll-left .bd ul{overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden;}
.picScroll-left .bd ul li img{width:581px;height:318px;display: block;}
.index_product_content{width:661px;margin-left: 60px;padding-top: 15px;}
.index_product_content h4{color: #232323; font-size: 1.6rem; line-height:1em; height: 1em;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index_product_content p{color: #989797;margin-top: 10px; font-size: 1.4rem; line-height:2em; height:4em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.index_product_con1{margin-top: 10px;}
.index_product_con1 ul li{float: left;width: 360px;height: 330px; background: #fff; position: relative;margin: 0px 20px 16px 0px;}
.index_product_con1 ul li:nth-child(3n){margin-right: 0px;}
.index_product_con1 ul li img{width: 340px;height: 255px; margin:10px;}
.index_product_con1 ul li p{color:#666; font-size: 1.5rem; line-height: 30px;text-align: center; height: 30px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index_product_con1 ul li i{display: block; width: 360px;height: 16px; background: url(../images/bg2.png) no-repeat;position: absolute;bottom: -16px; left: 0; opacity: 0;}
.index_product_con1 ul li:hover i{opacity:1;}
.index_bn1{height: 258px;position: relative;overflow:hidden;}
.index_bn1 img{display: block; width:1920px; height:258px;position:absolute;left:50%;margin-left:-960px;}

.index_about{margin:70px auto;}
.index_video{width: 600px;height: 450px;}
.index_about_con{width:520px;height: 450px; background: #fff;}
.index_about_content{width: 436px;height: 226px; margin:30px 0px 74px 40px; background:url(../images/bg3.png) no-repeat;overflow: hidden;}
.index_about_bn{width: 426px;height: 95px;margin: 0 auto;}
.index_about_bn img{width: 426px;height: 95px;}

.index_news{padding: 0px 100px 50px 100px; /*background: #e2e2e2;*/}
.index_news_con1{width:484px;}
.picScroll-left1{position:relative;width:484px;}
.picScroll-left1 .hd{position:relative;}
.picScroll-left1 .hd .prev,.picScroll-left1 .hd .next{ display:block;  width:21px; height:37px; float:right;overflow:hidden; cursor:pointer;  position:absolute;top: 125px; z-index:10;}
.picScroll-left1 .hd .prev{left:25px; background:url(../images/nleft.png) no-repeat;}
.picScroll-left1 .hd .next{background:url(../images/nright.png) no-repeat; right:25px;}
.picScroll-left1 .bd{width:484px; margin:0px auto;}
.picScroll-left1 .bd ul{overflow:hidden; zoom:1; }
.picScroll-left1 .bd ul li{float:left; _display:inline; overflow:hidden;}
.picScroll-left1 .bd ul li img{width:484px;height:283px;display: block;}
.picScroll-left1 .bd ul li p{color: #717171;margin-top: 10px; line-height:1.5em;height:3em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.index_news_con2{width:560px;}
.index_news_top img{display:block;width: 166px; height: 143px; float: left;}
.index_news_content{width:380px;}
.index_news_content h4{color: #404040; font-size: 1.6rem; line-height: 2em; height:2em;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index_news_content p{color: #6c6c6c;font-size: 1.2rem; line-height: 2em; height:6em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.index_news_list{margin-top: 20px;width: 450px;height:180px; overflow: hidden;}
.index_news_list p{width: 100%;line-height: 30px;height: 30px; font-size: 1.4rem; position: relative;overflow: hidden;}
.index_news_list p a{display: inline-block;width: 70%; height: 30px; color: #6d6d6d;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index_news_list p span{color: #989797; position: absolute;top: 0; right: 0;}
.index_news_list p a em{display: inline-block;width: 8px;height: 8px; border:2px solid #0071be; border-radius: 50%; vertical-align:middle;margin-right: 10px;}

footer{height: 300px;padding-top: 15px;position: relative; background: #373737;}
.foot_logo{width: 265px; text-align: center; background: url(../images/bg4.png) no-repeat top right;}
.foot_logo img.img1{height:75px;width:121px;padding-top:15px;}
.foot_logo img.img2{height:140px;width:140px;margin-top: 20px;}
.foot_menu{margin-left: 40px;}
.foot_menu ul li{float: left;margin-right: 30px;color: #fff; line-height: 36px;}
.foot_menu ul li a{color: #fff;display: block;}
.foot_menu ul li h5{font-size: 1.4rem;}
.foot_contact{width: 230px;height: 190px; text-align: center; background: url(../images/bg4.png) no-repeat;}
.foot_contact p{color:#fff; font-size: 1.4rem; line-height: 36px;}
.foot_contact p b{font-size: 1.8rem;}
.foot_contact h5{margin-top: 10px;}
.foot_contact h5 a{display: inline-block;width: 65px; height: 21px;color: #000; line-height: 21px;margin-right: 15px; text-align: center; background: #fff;}
.foot_contact h5 a:last-child{margin-right: 0;}
.foot_right{padding-top: 15px;width: 100%; border-top: 1px solid #222222;position: absolute; bottom: 0; left: 0;}
.foot_right p{line-height: 45px;color: #fff;}
.foot_right p a{color: #fff;}

.banner1{width:100%;height:300px;position: relative;overflow: hidden;}
.banner1 img{display: block; width:100%; height:auto;}
/* .banner1 img{display: block; width:1920px; height:300px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;} */
.main_nav{margin:25px auto;}
.main_nav p{color:#484848; line-height: 1em;}
.main_nav p a{color: #484848;}
.main_nav p a:last-child{color: #484848;}
.main{margin-bottom:30px;}
.main_left{width: 253px;}
.main_menu{padding-bottom: 10px; background: #fff;}
.main_menu h4{width:100%; height:80px;font-size: 2.4rem; line-height: 80px; text-align: center; background: #0071be; color: #fff;}
.main_menu a{display: block;width:100%; height:50px;font-size:1.6rem; line-height:50px; text-align: center;color: #757575; }
.main_menu a.on{background: #dfdfdf;}
.main_product{margin-top: 0px;}
.main_product h5{width:100%; height:42px; line-height: 42px; font-size:2rem;color: #fff;text-indent: 20px; background: #f6ad07; }
.main_product a{display: block;width: 100%;height: 206px;margin-top: 15px; position: relative;}
.main_product a img{display: block;width: 100%;height: 206px;}
.main_product a p{width:100%; height:36px; line-height:36px;text-indent: 20px; background: rgba(0,0,0,0.4);color: #fff; position: absolute; bottom: 0;left: 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_contact{width:100%; height:93px;margin-top: 1px; background: url(../images/bg5.png) no-repeat;}
.main_contact h4{color:#666666;font-size: 1.6rem; line-height:26px;padding:22px 0px 0px 65px;}
.main_contact h4 span{color:#d90202;font-size:1.8rem;}
.main_product1{margin-top: 55px;text-align: center;}
.main_product1 img{width:213px; height: 55px;}
.main_right{width:844px;}
.about{/* background:#fff; */padding: 0px 30px;}
.news ul li{width:842px;height: 210px;margin-bottom: 20px; border:1px solid #ddd; background:#fff;}
.news ul li img{width:263px;height:192px;display: block; margin:9px; float: left;}
.news_date{width:80px;height:116px;margin:47px 0px 0px 24px;color: #fff;text-align: center;}
.news_date span{display: block;width:100%;height:80px; line-height: 80px; background: #acacac; font-size:3rem;}
.news_date em{display: block;width:100%;height:36px;line-height:36px;background: #81817f; font-size:1.4rem;}
.news_con{width: 420px; margin:55px 20px 0px 0px;}
.news_con h4{color: #333333;font-size: 1.6rem;font-weight: bold; line-height: 2em;height: 2em;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_con p{color: #777777;font-size: 1.2rem;line-height: 2em; height: 4em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.page{width: 100%;margin-top: 40px;}
.recruit{background: #fff;}
.recruit ul{width: 100%;border-bottom: 1px solid #efefef;}
.recruit ul.recruit_title{background: #8a8a8a;}
.recruit ul.recruit_title li{color: #fff;}
.recruit ul li{float: left;height: 50px;text-align: center; line-height: 50px; color: #646464;overflow: hidden;}
.recruit ul li a{color: #e10000;}
.recruit ul li.li1{width:230px;padding-left: 40px;text-align: left;}
.recruit ul li.li2{width:150px;}
.recruit ul li.li3{width:330px;}
.recruit ul li.li4{width:180px;}
.recruit ul li.li5{width:190px;}
.recruit_detail{background:#fff;padding-left:160px;}
.recruit_detail h3{margin-right:180px;}
.down{background: #fff;padding: 25px 40px 50px 35px;}
.down p{width: 100%; height:50px;border-bottom: 1px dashed #DDDDDD;  font-size: 1.6rem;line-height:50px;position: relative;}
.down p span{display: inline-block;color: #969696;width: 70%;height:50px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.down p a{color: #f6ab00;position: absolute;right:30px; top:0px;text-decoration:underline;}
.main_menu1{background: #eaeaea;}
.main_menu1 h4{width:100%; height:80px; margin-bottom: 10px; font-size: 2.4rem; line-height: 80px; text-align: center; background: #0071be; color: #fff;}
.main_menu2{padding-bottom: 22px;background: url(../images/ico1.png) no-repeat bottom; background-size:100% 22px;} 
.main_menu2 a.main_menu_a{display: block;width: 100%; height: 40px; line-height: 40px; text-indent: 65px; color: #fff; background: #a3a3a3; position: relative;}
.main_menu2 a.on{background:#f6ad07;}
.main_menu2 a em{display: inline-block;width: 12px; height: 12px; background:  url(../images/ico2.png) no-repeat; position: absolute; top: 14px; right:34px;}
.main_menu2 a.on em{background:  url(../images/ico2_on.png) no-repeat;}
.main_menu1_hover{width: 100%;background: #fff;display: none;}
.main_menu1_hover a{display: block;width: 100%; height: 44px; line-height: 44px; text-align:center; color: #9a9999; background:url(../images/ico3.png) no-repeat bottom center;}
.main_menu1_hover a:last-child{background: none;}
.product_title{width:298px; margin:30px auto 50px; background: url(../images/ico4.png) no-repeat left center;}
.product_title h4{text-align: center;color: #9e9d9d; font-size: 2.4rem; line-height:36px;}
.product_title h4 span{color: #0097dd; font-size: 3rem;}
.product ul li{float: left;width: 360px;height: 330px; background: #fff; position: relative;margin: 0px 20px 16px 0px;}
.product ul li:nth-child(2n){margin-right: 0px;}
.product ul li img{width: 340px;height: 255px; margin:10px;}
.product ul li p{color:#666; font-size: 1.5rem; line-height: 30px;text-align: center; height: 30px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product ul li i{display: block; width: 360px;height: 16px; background: url(../images/bg2.png) no-repeat;position: absolute;bottom: -16px; left: 0; opacity: 0;}
.product ul li:hover i{opacity:1;}
.contact{margin-bottom:80px;}
.news_details{background: #fff;padding-bottom: 0px;}
.news_title{padding:15px 0px 15px 0px; /* border-bottom: 1px solid #dfdfdf; */ text-align: center;}
.news_title h2{color: #656565;font-size:2.4rem; line-height: 1em;}
.news_title p{color: #484848; line-height: 1em; margin-bottom: 15px;}
.news_menu{background: #fff;padding:20px 0px;}
.news_menu h2{color: #656565; font-size: 1.8rem; line-height: 1.5em; border-left: 3px solid #0097dd; text-indent: 15px;}
.news_news{width: 210px; margin:20px auto 0px;}
.news_news img{width:100%; height: 148px;}
.news_news h4{color: #6e6e6e;margin-top: 10px; line-height: 1em; height: 1em;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_news h5{color: #a5a5a5;margin-top: 10px; font-size: 1.2rem;line-height: 1.5em; height: 1.5em;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_news h5 em{display: inline-block;width: 16px; height: 16px; background: url(../images/ico5.png) no-repeat; margin-right:6px; vertical-align: middle;}
.news_news p{color: #868686;margin-top: 10px; font-size: 1.2rem;line-height:2em; height:4em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_news_con{width: 210px; margin:20px auto 0px;}
.news_news_con a{display: block;width: 100%;height: 48px; line-height: 48px; color: #a0a0a0; border-top: 1px solid #DFDFDF;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_content{margin:30px 20px;}
.news_up{position:relative;margin: 0px 20px;}
.news_up p{color: #878787;width: 80%; font-size: 1.4rem; line-height: 2em;height: 2em;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_up p a{color: #878787;}
.fanhui{color: #878787;font-size: 1.4rem; line-height: 2em;position: absolute;top: 28px; right: 0;}
.product_detail01{padding: 40px; background: #fff;}
.product_detail01 img{width: 393px; height: 340px;float: left;}
.product_detail01_con{width:600px; height: 370px; overflow: hidden;}
.product_detail01_con h4{color: #323232; font-size: 2.4rem; line-height: 2em; border-bottom: 1px solid #ababab;}
.product_detail01_content{margin-top: 20px;}
.product_detail02{margin-top: 35px; background: #fff; padding-bottom: 30px;}
.product_detail02_title{height: 70px; border-bottom: 1px solid #dfdfdf;}
.product_detail02_title h4{color: #323232;margin-left: 25px; font-size: 2rem; line-height: 70px;}
.product_detail02_title h4 span{color: #959595;font-size:1.6rem;display: inline-block; vertical-align: middle; margin-left:10px;}
/* .product_detail02_con{margin:25px;} */







