@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
a{ text-decoration:none;color: #404040;}
ul,li,dd,dl{list-style-type:none;}
samp,b,i,p{padding:0;margin:0;}
body{min-width:1440px;font-family:Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
/**top*/
.topnome{width:100%;background:#000;line-height:30px;font-size:14px;color:#fff;}
#topname{overflow:hidden;width:1200px;margin:auto;}
.topnomez{width:50%;float:left;}
.topnemey{width:50%;float:left;text-align:right;color:#fff;font-size:14px;}
.topnemey a{color:#fff;padding:0 15px}
.topnemey a:last-child{padding:0 0 0 15px;}
.topnemey a:hover{color:#fff;}
/*导航*/
.divtop{width:100%;margin:auto; box-shadow:0 0 0 transparent,0 5px 10px #E0E0E0,0 0 0 transparent,0 0 0 transparent;}
.qop{overflow:hidden;width:1200px;margin:auto;}

.qc{width:25%;float:left;margin:26px 0 26px;}
.qd{width:75%;float:left;overflow:hidden;margin:18px 0; transform:translateX(23px);-moz-transform:translateX(23px);-ms-transform:translateX(23px);-o-transform:translateX(23px);-webkit-transform:translateX(23px);}
.qc img{width:180px;}
.qd li{width:12.5%;float:left;line-height:70px;text-align:center;}
.qd li a{color:#333}
.qd li:hover a{ color:#3D88D3}
/*分类*/
.title{width:940px;margin:auto; border-radius:15px;background:#FFF; font-size:14px;text-align:center;overflow:hidden;
-moz-box-shadow:0 0 0 transparent,0 0 0 transparent,0 0 0 transparent,0 5px 35px #e0e0e0;
-ms-box-shadow:0 0 0 transparent,0 0 0 transparent,0 0 0 transparent,0 5px 35px #e0e0e0;
-o-box-shadow:0 0 0 transparent,0 0 0 transparent,0 0 0 transparent,0 5px 35px #e0e0e0;
-webkit-box-shadow:0 0 0 transparent,0 0 0 transparent,0 0 0 transparent,0 5px 35px #e0e0e0;
box-shadow:0 0 0 transparent,0 0 0 transparent,0 0 0 transparent,0 5px 35px #e0e0e0;
transform:translateY(-70px)
}
.title li{width:25%;float:left; border-right:1px solid #CCC;box-sizing:border-box;margin:20px 0; transition:all 0.3s;}
.title img{width:140px;}
.title p{margin-top:15px;}
.title a{color:#333;}
.title li:last-child{ border-right:0;}
.title li:hover{margin-top:15px;}
.title li:hover a{color:#13356d;}
/*产品*/
.produ{width:1200px;margin:auto;overflow:hidden;}
.sy_jjfa_wz{width:40%;float:right;}
.sy_jjfa_wz h3{font-size:18px;color:#333; font-weight:normal;}
.sy_jjfa_wz p{font-size:14px;line-height:26px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;width:70%}

.sy_jjfa_img{width:60%;float:right;}
.sy_jjfa_img img{width:100%;}
.owl-pagination{display:none}
#sy_jjfa .owl-buttons{position:absolute;bottom:0px;left:0px;}
#sy_jjfa .owl-buttons .owl-prev{background:url(../images/zuo.png) center no-repeat;font-size:0;height:20px;padding:3px 13px;}
#sy_jjfa .owl-buttons .owl-next{background:url(../images/you.png) center no-repeat;font-size:0;height:20px;padding:3px 13px;}

/*关于我们*/
#about{width:1440px;margin:auto;background:url(../images/about.jpg) top no-repeat;padding:60px 0;}
.about{width:1200px;margin:auto;overflow:hidden;}
.about-a{width:42%;float:left}
.about-b{width:53%;float:left;margin-left:5%}
.about-a img{width:100%;}
.about-c p{font-size:26px; border-bottom:1px solid #fff;padding-bottom:15px;display:inline-block;color:#FFF;}
.about-d{font-size:14px;line-height:26px;margin-top:30px;color:#FFF;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden}
.about-e{text-align:right;margin-top:20px;}
.about-e img{width:20px;}
/*标题*/
.leng{overflow:hidden;width:1200px;margin:60px auto 30px;}
.leng-a{float:left;font-size:30px;}
.leng-b{float:right;font-size:14px;}
.leng-b a{color:#666;line-height:40px;}
.leng-b a:hover{color:#1f62b0;}
/*案例*/
.picScroll-left { width: 1200px; overflow: hidden; position: relative; margin: 50px auto; }
.picScroll-left .hd { overflow: hidden; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url(../images/qiehuan.png) no-repeat; }
.picScroll-left .hd .next { width: 30px; height: 90px; background-position: -30px 0px; position: absolute; top:73px; right: 24px; z-index: 9999; }
.picScroll-left .hd .prev { width: 30px; height: 90px; background-position: 0px 0px; position: absolute; top: 73px; left: 0; z-index: 9999; }
.picScroll-left .hd .prevStop { background-position: -60px 0; }
.picScroll-left .hd .nextStop { background-position: -60px -50px; }
.picScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; }
.picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url(../images/icoCircle.gif) 0 -9px no-repeat; }
.picScroll-left .hd ul li.on { background-position: 0 0; }
.picScroll-left .bd { width: 1120px; margin-left: 40px; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1;height:270px;}
.picScroll-left .bd ul li { margin: 0 15px; float: left; _display: inline; overflow: hidden; text-align: left; width: 335px; box-shadow: 5px 5px 5px #eee; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 335px; height: 168px; display: block; }
.picScroll-left .bd ul li .pic a:hover img { }
.picScroll-left .bd ul li .titles { line-height: 24px; background: #fff; padding: 15px; }
.news_titles { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #333; font-weight: 700; margin-top: 10px; }
.news_title{ font-size: 16px; line-height: 30px; color: #333; }
.news_time{font-size:12px;color:#999;}
/*新闻*/
.news{width:1200px;margin:0 auto 60px;overflow:hidden;}
.news-a{width:38%;float:left;margin-right:3%;position:relative;overflow:hidden;}
.news-a-a{position:absolute;bottom:0;left:0;line-height:60px;color:#FFF;background:rgba(0,0,0,0.7);width:100%;box-sizing:border-box;padding-left:10px;overflow:hidden;}
.news-a-a a{display:block;width:80px;float:left;background:rgba(0,0,0,0.8);color:#FFF;text-align:center;}
.news-a-a samp{display:block;width: calc( 100% - 80px);float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-a-a a:hover{background:#d7000d;}
.news-a img{width:100%;transition:all 0.5s;}
.news-a:hover img{ transform:scale(1.1);}

.news-b{width:59%;float:left;}
.news-b li{float:left;box-sizing:border-box;padding-left:3%;overflow:hidden;padding-bottom:14px;margin-bottom:14px; transition:all 0.8s;}
.news-b-a{width:10%;float:left;text-align:center;color:#666;border-right:1px solid #CCC;box-sizing:border-box;}
.news-b-a h4{font-size:36px;line-height:48px;}
.news-b-a p{font-size:12px;}
.news-b-b{width:85%;float:left;margin-left:5%;}
.news-b-b h3{font-size:16px;color:#333;padding-bottom:5px; transition:all 0.2s;-webkit-transition:all 0.2s;}
.news-b-b p{font-size:12px;line-height:20px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-b li:hover{-moz- transform:translateX(-15px);-ms- transform:translateX(-15px);- transform:translateX(-15px);-webkit- transform:translateX(-15px); transform:translateX(-15px);}
.news-b li:hover .news-b-b h3{color:#1f62b0}
/*友情链接*/
.links{background:url(../images/link.jpg) no-repeat;font-size:0;width:1200px;margin:30px auto; background-size:100% 100%;}
.links-a{width:200px;display:inline-block; vertical-align:middle;font-size:26px;color:#333;line-height:93px;text-align:center;}
.links-b{width:900px;display:inline-block;vertical-align:middle;font-size:14px;}
.links-b a{padding-right:20px;color:#666;}
.links-b a:hover{color:#F00;}
/*尾部*/
#bottom{width:100%;background:#f0f0f0;padding:45px 0;}
.bottom{width:1200px;margin:auto;overflow:hidden;}
.bot-a{width:65%;float:left;}
.bot-b{width:35%;float:left;font-size:0;text-align:right;margin-top:20px;}
.bo-a{margin-bottom:30px;}
.bo-b{overflow:hidden;}
.bo-b li{width:12.5%;float:left;font-size:14px;}
.bo-b li:after{ content:'|';margin-left:16px;}
.bo-b a{color:#333;}
.bo-b li:hover a{color:#d7000d;}
.bo-c{font-size:14px;color:#666;line-height:26px;width:78%;margin-top:15px;}
.bot-b div{display:inline-block; vertical-align:middle;font-size:14px;line-height:30px;color:#666;text-align:center;margin-right:40px;}
.bot-b div img{width:115px;margin:0 10px;}

.jeiwei{width:100%;background:#222222;text-align:center;font-size:14px;padding:25px 0;color:#FFF;}
.jeiwei a{color:#fff}
.jeiwei p{display:inline-block;}

.topnome,.divtop,#bottom{min-width:1440px;}

/************************************************************/
.ny_bn{width:100%; height:300px; position:relative; overflow:hidden;}
.ny_bn img{width:1920px; height:300px; position:absolute; left:50%; top:0; margin-left:-960px;}
.ny_bn_txt{position:absolute; left:50%; top:120px; width:1200px; margin-left:-600px; text-align:center;}
.ny_bn_txt h3{font-size:30px; color:#fff; font-weight:bold; text-shadow:0 1px 5px #000;}
.ny_bn_txt p{font-size:14px; margin-top:10px; color:#fff; text-shadow:0 1px 5px #000;}
.ny_bn_txt p a{color:#fff;} .ny_bn_txt p a:hover{color:#f00;}
.ny_bn_txt p span{color:#f00;}

.ny_nav{width:100%; margin:auto; border-bottom:1px solid #e6e6e6;}
.cur-nav{width:1200px; height:60px; margin:auto; background:#fff; text-align:center;}
.cur-nav ul{ display:inline-block;}
.cur-nav ul li{float:left;}
.cur-nav ul li a{display:block; padding:0 40px; line-height:60px; border-left:1px solid #e6e6e6; font-size:16px; position:relative;}
.cur-nav ul li a:hover,.cur-nav ul li a.cur{color:#fff; background:#1072ce;}

/*上下页*/
.sxy{margin:auto;text-align:center;}
.sxy a{display:inline-block;color:#000;margin:0 2px;line-height:32px;font-size:12px;border:1px solid #CCC;padding:0 13px;}
.sxy a:hover{background:#024ea5;color:#fff;}
.sxybottom{padding-bottom:40px;}

/*篇*/
.ypian{margin:20px auto 0px;font-size:14px;line-height:26px;color:#666;width:1200px;padding-bottom:30px;}
.ypian a{color:#000;}
.ypian a:Hover{color:#d3283b}
/*返回*/
.fanghui{width:100%;margin:auto;text-align:center;font-size:14px;}
.fanghui a{color:#000;}


.trr{margin:20px auto 0px;overflow:hidden;border-top:1px solid #E8E8E8;line-height:30px;font-size:15px;padding-bottom:30px;width:1200px;}
.trr a{margin-left:10px;color:#666}
.trr a:hover{color:#FF5151}
/*关于我们*/
.n-about{margin:60px auto 0;overflow:hidden;padding:70px 0;background:url(../images/d18.png) no-repeat;width:1200px;}
.n-aboutz{width:38%;float:left}
.n-abouty{width:59%;float:left;padding-left:3%;}
.n-aboutz img{width:100%;}
.n-about-a{font-size:14px;display:block;color:#555;}
.n-about-b{font-size:28px; text-transform:uppercase;display:block;color:#555;}
.n-about-c{font-size:16px;line-height:32px;color:#555;}
.n-about-d{margin-top:80px;font-size:14px;line-height:28px;color:#555;}
.n-about-e{margin-top:174px;text-align:center}

.n-qual{width:1200px;margin:auto;padding:30px 0 50px;text-align:center;color:#333;line-height:30px;}
.n-qual img{max-width:100%;}

.visit{margin:40px auto 0;overflow:hidden;width:1200px;}
.visit li{width:23%;float:left;box-sizing:border-box;background:#FFF;font-size:14px;text-align:center;line-height:40px;margin:20px 1%;}
.visit li a{color:#666;}
.visit li img{width:100%;}
.visit li:hover{ box-shadow:0 1px 5px #999;}

/*招聘*/
#rec{width:990px;margin:40px auto 0;font-size:16px;color:#333;line-height:28px;border:1px solid #CCC;padding:20px;background:#eaeaea;}
#recr{width:1000px;margin:40px auto 0;overflow:hidden;border-bottom:1px solid #ccc;padding-bottom:20px;}
#recr-a,.recr-a{width:70%;float:left;}
#recr-b,.recr-b{width:10%;float:left;}
#recr-c,.recr-c{width:20%;float:left;text-align:right;}
.recr{widtH:1000px;margin: 20px auto 0;padding-bottom:80px;}
.recr li{overflow:hidden;line-height:40px;;border-bottom:1px solid #f0f0f0;}
.recr-a{box-sizing:border-box;padding-left:20px;color:#333}
.recr-d{font-size:16px;}
.recr-b,.recr-c{font-size:14px;color:#666}
.recr-e{margin:15px 0;font-size:13px;line-height:24px;color:#333;display:none;}

.onlin{width:800px;margin:60px auto 0;padding-bottom:30px;}

/*产品*/
.n-stren{margin:40px auto 0;overflow:hidden;padding:20px 15px 40px 15px;width:1200px;box-sizing:border-box;}
.n-stren li{float:left;text-align:center;font-size:14px;background:#FFF;margin-bottom:20px;line-height:51px;width:31.9%;margin-right:2%;border:1px solid #eee;box-sizing:border-box;}
.n-stren li:nth-child(3n){margin-right:0;}
.n-stren li div{overflow:hidden;}
.n-stren li a{color:#333;display:block;}
.n-stren li p{background:#FFF;}
.n-stren li:hover{ box-shadow:0 0 0 #FFF,0 0 0 #FFF,0 0 0 #FFF,0 3px 5px #999}
.n-stren li:hover p{background:#002c84}
.n-stren li:hover a{color:#FFF}
.n-stren li img{width:100%; transition:all 0.2s;}
.n-stren li:hover img{ transform:scale(1.1);}

/*产品详情*/
.width{width:1200px;margin:auto;}
.product_con_t{padding:3.5% 0;overflow:hidden;}
.product_con_t .t_r{ float:right; width:47%;}
.product_con_t .t_r .bt{ font-size:26px; border-bottom:1px solid #d1d1d1; padding:10px 0 15px 0; }
.product_con_t .t_r .bt_2{ font-size:20px; color:#0086e4; margin-top:10px;}
.product_con_t .t_r .box{ margin-top:2%; line-height:30px; padding:1% 0;font-size:14px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden}
.product_con_t .t_r .more{ width:100px; height:45px; line-height:45px; text-align:center;  background:#00b8fc; margin-top:5%;}
.product_con_t .t_r .more a{ display:block; color:#FFF;}
.product_con_t .t_r .more a:hover{ display:block; color:#FFF; text-decoration:none;}


.product_con_b{ margin-top:1%;}
.product_con_b .bt{ font-size:18px; font-weight:bold; margin-bottom:40px;}
.product_con_b .slideTxtBox{ width:100%;}
.product_con_b .slideTxtBox .hd{ line-height:50px; border-bottom:1px solid #00b8fc;overflow:hidden;}
.product_con_b .slideTxtBox .hd ul li{ float:left; padding:0 30px; cursor:pointer; background:#dadada; font-size:16px; margin-right:1px;}
.product_con_b .slideTxtBox .hd ul li.on{ height:50px;  background:#0084e0; color:#FFF;}
.product_con_b .slideTxtBox .bd .con_b_con{ padding:18px 0; line-height:32px;color:#333}
.product_con_b .slideTxtBox .bd .con_b_con img{max-width: 100%;}

.con_b_con table{ border-collapse:collapse; border:1px solid #777;  width: 100%;}
.con_b_con td, .con_b_con th{ padding:5px 10px;}
.con_b_con td, .con_b_con th{border-right:1px solid #777; border-bottom:1px solid #777; line-height:32px; font-size: 14px;}
.recTitle{padding-left:20px; height:48px;line-height:48px;background:#ccc;font-size:18px;font-weight:bold;color:#000;}

/* related product */
.relatedProduct{overflow:hidden;margin:20px auto;width:1200px;}
.relatedProduct ul{padding-top:15px;margin-right:-2%;}
.relatedProduct li{width:23%;height:auto;float:left;margin-right:2%;margin-bottom:5px;}
.relatedProduct li img{border:1px solid #d9d9d9;padding:3px;width:96%;}
.relatedProduct li img:hover{border-color:#0086e4}
.relatedProduct li span{width:100%;height:35px;line-height:35px; font-size:14px; text-align:center; display:block;}

/*新闻*/
.n-news{overflow:hidden;margin:40px auto 20px;width:1200px;}
.n-news li{padding:15px 0;border-bottom:1px dashed #CCC;overflow:hidden; transition:all 0.3s;}
.n-news li .i-fa{width:200px;float:left;margin:0 20px ;height:120px;overflow:hidden;}
.n-news li .i-fb{width:calc(100% - 240px);float:left;}
.n-news li .i-fa img{width:200px;}
.n-news li .i-fb h3{font-size:16px;margin-bottom:5px;}
.n-news li .i-fb h3 a{color:#333;display:block;}
.n-news li .i-fb samp{font-size:12px;color:#999;line-height:26px;}
.n-news li .i-fb p{font-size:14px;color:#333;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.n-news li:hover{background:#eee;}

.i-ff{text-align:center;font-size:20px;margin:40px auto 15px;font-weight:bold;color:#333;width:1200px;}
.i-fg{text-align:center;font-size:12px;color:#666;padding-bottom:10px;width:1200px;margin:auto;}
.i-fg p{display:inline-block;padding:0 10px;}
.i-fg b{ font-weight:normal;}
.i-fh{font-size:14px;line-height:26px;color:#333;margin:20px auto 0px;padding:40px 0 30px;border-top:1px solid #CCC;width:1200px;}
.i-fh p{ text-indent:2em;}
.i-fh img{max-width:100%;}

/*联系我们*/
.eh{margin:70px auto 0;overflow:hidden; padding-bottom:50px;width:1200px;}
.ehz{width:53%;float:left;}
.ehx{width:43%;float:left;font-size:16px;color:#333;line-height:32px;padding-left:4%;}
.ehx h3{font-size:28px;margin-bottom:20px;}
/*留言*/
.customers {width: 800px;margin:80px auto 80px;overflow: hidden;text-align: center;display: block;}
.customers input {border: #CCC 1px solid;display: inline-block;font-size: 16px;text-transform: uppercase;outline: none;}
.input2 {margin: 0;padding: 2% 2%;width: 45%;}
.input1 {margin-top: 20px;padding: 2% 2%;width: 94.44%;clear: both;}
.customers textarea {border: #CCC 1px solid;display: inline-block;font-size: 16px;text-transform: uppercase;margin: 20px 0;outline: none;clear: both;}
.input1h {padding: 2% 2%;height: 180px;width: 94.44%;}
.ftjbtn {background: #000;border: #000 1px solid !important;color: #FFF;}
.ftjbtn, .fczbtn {padding: 2% 0;width: 49.22%;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.fczbtn {background: #ccc;}
.fczbtn:hover{background:#000;color:#fff;}
.customers input:focus,.customers textarea:focus {border:#000 1px solid; }
/*下载*/
.box2{width:1200px;margin:auto;overflow:hidden;    margin: 60px auto;}
.box2 dl{ float:left; padding-bottom:40px; border-bottom:1px solid #e6e6e6; margin-bottom:40px;width:1200px;}
.box2 dt{width:140px; background:#f5f5f5; text-align:center; padding:20px 0;float: left;}
.box2 dt span{display:block; font-size:42px; line-height:42px; color:#666; font-weight:bold; font-family: arial;}
.box2 dt em{font-size:16px; color:#666; display:block; font-family: arial;}
.box2 dd{width:1020px; position:relative; float:right;}
.box2 dd h3{font-size:16px; color:#333; font-weight: bold; width:920px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.box2 dd h3 a{color: #333;text-decoration: none;}
.box2 dd p{line-height:24px; margin-top:14px; font-size:14px; color:#666; width:920px;}
.box2 dd .xz{position:absolute;right:0;top:20px;}
.box2 dd p a{color:#666; text-decoration:none;}
.box2 dd a.more{display:block; width:37px; height:37px; position:absolute; right:0; top:50%; margin-top:-18px; overflow:hidden;}
.box2 dd a.more img{display:block; position: relative;}
.box2 dl:hover dt{background:#1f4fa1;}
.box2 dl:hover dt span,.box2 dl:hover dt em{color: #fff;}
.box2 dl:hover dd h3 a{color:#1f4fa1;}
.box2 dl:hover dd a.more img{top: -37px;}
/**服务支持*/
.n-serv{width:1200px;margin:auto;padding:60px 0 60px;font-size: 15px;color: #555;line-height: 30px;}