﻿@charset "utf-8";

/* CSS Document */

div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,input,body,strong,span,pre{margin:0; padding:0; border:0; background-repeat:no-repeat;}

h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}

body{font-size:12px; font-family:"微软雅黑";margin:0px;padding:0px;color:#333;height:auto;clear:both;}

img{border:0px;}

ul,li{ list-style:none;}

em,i{ font-style:normal;}

a{ text-decoration:none; color:#666;}

a:hover{ background-repeat:no-repeat; color:#0098D1;}



/* 头部 */



.bigNav{max-width:1200px;width:100%!important; margin:0 auto;}

.bigNav a{ display:inline-block;}

.logo_bg{overflow: hidden;float: left; height: 80px; padding-top: 10px;}
.logo_bg a{ display:block; float:left;}
.logo_bg img{display: block;}
.logo_bg span{float: left;line-height: 25px;margin: 40px 0 0 10px;color: #666;}

.minNav{float:right;margin-top: 35px;}

.minNav ul{float:right; display:block;}

.minNav ul li{float:left; position:relative;z-index:999;}

/*.minNav ul li:hover{background:  url(../images/nav_top.png) repeat-x top;}*/

.minNav ul li span{padding:0; float:none;}

.minNav ul li.indexEnglih{}

.minNav ul li a{padding:5px 20px; color:#333; font-size:12px;}

.minNav ul li a.dangqian{color:#fff;background: #3cf;}

.minNav ul li a:hover{color: #fff;background: #3cf;}

.minNav ul li .Navdrop{width:100%;  position:absolute; left:0; z-index:999999; display:none;  background: #0af;}

.minNav ul li .Navdrop p{ font-size: 14px; overflow:hidden;}

.minNav ul li .Navdrop p em{color:#333; font-size:15px; display:block;}

.minNav ul li .Navdrop p em a{color:#333; font-size:15px;}

.minNav ul li .Navdrop p a{height: 40px;line-height: 40px;padding: 0;  display: block; color: #fff;  text-align:center;border:none; background:none; font-size:13px;}

.minNav span{float:right; padding:30px 0 0 12px;}

.minNav ul li .Navdrop p a:hover{background: rgba(0,0,0,.1);}

.minNav span img{padding-right:15px;}

.minNav span a{position:relative; z-index:999999;}

.indexSER{  position: absolute;  left: -104px;  top: 21px; z-index: 9999999;  padding-top: 28px; width: 241px; display:none;}

.indexSER em{display:block; width:16px; height:8px; margin:0 auto;}

.minNav span .indexSER em img{display:block;  width:16px; height:8px; margin:0 auto;}

.indexSER label{width:241px;}

.indexSER label input{width:181px; height:42px; float:left; padding-left:10px; line-height:42px; border:1px solid #ffa128; border-right:none;}

.indexSER label input.inexSSbot{width: 49px;  height: 44px; cursor: pointer; padding: 0; color: #fff; background: #6FADAA;  text-align: center; line-height: 44px;}

.minNav span img{padding-right:15px; cursor:pointer;}

.indexEwm{width:122px; height:129px; padding-top:33px;  background:url(../images/indexEwmBg.png) no-repeat bottom; position:absolute; top:22px; left:-50px; z-index:99; display:none;}

.indexEwm em img{display:block;  width:16px; height:8px; margin:0 auto;}

.indexEwm img{width:120px; height:120px; margin:0 auto; display:block; padding-right:0; margin-left:1px;}



/**/

.clearfix ul {

    list-style-type:none;

    margin:0;

    padding:0;

}



/* sub navigation */

.clearfix li ul {    

    background:#0af;

    position:absolute;

    left:0;

}





/* style sub level links */



/* hide sub menu links */

ul.sub-menu {

    display:none;

}

.dropdown {text-align: center;}

.dropdown ul{width: 140px;}

.dropdown li{width: 140px;text-align: center!important;}

.dropdown li ul{  position:absolute;top:0;left:140px; /* make this equal to the width of the sub nav above */}

.dropdown li a{color: #fff!important;padding: 0 !important;display: block!important;height: 35px;line-height: 35px;}

.dropdown li a:hover{background: rgba(0,0,0,.1);}





/* show arrows for dropdowns */

.clearfix li#dropdown > a {

    background:url('../img/arrow-down.png') no-repeat right;

}



.clearfix li li#dropdown > a {

    background:url('../img/arrow-right.png') no-repeat right;

}

/**/







/*手机nav*/

.wap_header{display: none;}

.wap_header{position:relative;height:50px;}

.wap_header .logo{display:block;padding: 3px 0 3px 3px;float: left;position: relative;z-index: 10000;}

.wap_header .logo img{display:block;height: 44px;}

.wap_header .search{position:absolute;top:0;right:35px;z-index:999999;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}

.wap_header .search:hover{background-color:#0067d2;}

.wap_header .search span{display:none;}

.wap_header .user-icon{position:absolute;top:0;right:70px;z-index:999999;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}

.wap_header .user-icon span{display:none;}

.wap_header .user-icon:hover{background-color:#0067d2;}

.wap_header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}







/*banner*/

.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;width: 100%;max-height: 450px;}

.slides{position:relative;z-index:1;}

.slides img{max-width: 100%;height: auto;display: block;}

.flex-control-nav{position:absolute;bottom:1%;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}

.flex-control-nav .flex-active{background-position:0 0;}



.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:5%;background:url(../images/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:5%;background:url(../images/next.png) center center no-repeat;}

/*banner-end*/







.main{max-width:1200px;width: 100%!important; margin:0 auto;}



/*产品分类*/

.ness{ margin-top: 3%;}

.nessMian{ position:relative; z-index:99;padding:0 0.5%;}

.sy_product{position: relative;}

.sy_product h3{color:#333; font-size:4vmin; text-align:center; line-height:60px;background: url(../images/title_hr.png) no-repeat center;}

.sy_product .title_hr{text-align: center;font-size: 2vh;color: #bbb;}

.picScroll-left{  overflow:hidden; position:relative; margin-top: 1%;width: 100%;}

.picScroll-left:hover .hd{display: block;}

.picScroll-left .hd{ overflow:hidden;position: absolute;top: 40%;width: 100%;}

.picScroll-left .hd .prev{float: left;display:block;left: 0.5%;  width:45px; height:45px; overflow:hidden;cursor:pointer; background:url("../images/zuo.png") no-repeat;position: relative;z-index: 2;}

.picScroll-left .hd .next{float: right; display:block;right: 0.5%;  width:45px; height:45px; overflow:hidden;cursor:pointer; background:url("../images/you.png") no-repeat;position: relative;z-index: 2;}

.picScroll-left .bd{ width: 100%;margin: 0 auto;overflow: hidden;position: relative;z-index: 1;}

.picScroll-left .bd ul{ overflow:hidden; }

.picScroll-left .bd ul li{ float:left;width: 25%;  overflow:hidden; text-align:center; }

.xy_bg{margin: 2%;border:1px solid #eee;}

.picScroll-left .bd ul li a{display: block;}

.picScroll-left .bd ul li .pic{ text-align:center;position: relative; }

.picScroll-left .bd ul li .pic img{ width:100%; height:286px; display:block;  }

.picScroll-left .bd ul li .pic .img_more{position: absolute;top: 0;display: none;}

.picScroll-left .bd ul li:hover .img_more{display: block;}

.picScroll-left .bd ul li .title_centent{color: #666;padding: 8%;}

.picScroll-left .bd ul li .title_centent p{font-size: 13px;line-height: 25px;height: 50px;overflow: hidden;}

.picScroll-left .bd ul li .title_centent a{ color: #333;font-size: 15px;font-weight: bold;line-height: 30px; margin-bottom: 4%; height: 30px;overflow: hidden;}

.cp_more{display: block;width: 35%;height: 40px;line-height: 40px;color: #999;border:1px solid #eee; margin:3% auto 5% auto;transition: 0.2s;border-radius: 50px;}

.picScroll-left .bd ul li:hover .cp_more{color: #3cf;border:1px solid #3cf;}

.picScroll-left .hd{display: none;}





/*优势*/

.advantage h3{color:#333;  font-size:4vmin;text-align:center; line-height:60px;background: url(../images/title_hr2.png) no-repeat center;}

.advantage .title_hr{text-align: center;font-size: 16px;color: #bbb;text-transform:Uppercase ;}

.advantage_ul {margin: 3% 0;overflow: hidden;}

.advantage_ul li{text-align: center;width: 33.333%;height: 250px; margin: 1% 0;float: left;}

.advantage_ul li img{width: 35%;}

.advantage_ul li a{display: block;}

.advantage_ul li h1{}

.advantage_ul li p{padding: 0 20%;font-size: 16px;color: #888;}

.advantage_ul li a:hover img{animation: myfirst 1s;-moz-animation: myfirst 1s;-webkit-animation:myfirst 1s;-o-animation:myfirst 1s;}

@keyframes myfirst

{

	50%  {transform: rotateY(180deg);}

	100% {transform: rotateY(360deg);}

}

@-moz-keyframes myfirst

{

	50%  {transform: rotateY(180deg);}

	100% {transform: rotateY(360deg);}

}

@-webkit-keyframes myfirst

{

	50%  {transform: rotateY(180deg);}

	100% {transform: rotateY(360deg);}

}

@-o-keyframes myfirst

{

	50%  {transform: rotateY(180deg);}

	100% {transform: rotateY(360deg);}

}

.advantage_ul li a h1{font-size: 22px;color: #333;line-height: 50px;}

#margin_none{margin-right: 0;}

#youshi_left{text-align: left;}
#youshi_left h1{margin-left: 3%;}
#youshi_right{text-align: right;}
#youshi_right h1{margin-right: 3%;}

/*优势-end*/





/*简介新闻*/

.news_bg{overflow: hidden;margin-top: 4%;}

.sy_about{float: left;width: 48%; }

.news_centent{float: right;width: 48%;}

.about_title{background: url(../images/db_title.png) no-repeat bottom;padding-left: 3%;margin-bottom: 4%;overflow: hidden;}

.title_zuo{float: left;}

.title_zuo h3{font-size: 20px;}

.title_zuo h4{font-size: 14px;color: #999;margin-bottom: 10%; text-transform: capitalize;}

.about_title a{float: right;font-size: 12px;color: #3cf;}

.about_centent{overflow: hidden;}

.about_centent img{float: left;width: 42%;height: 165px;display: block;}

.about_centent p{float: right;line-height: 28px;font-size: 14px;width: 54%;color: #666;overflow: hidden;height: 168px;}

.about_centent p a{color: #f66;}

.syxw_list{float: right;width: 54%;}
.syxw_list .zyxw{border-bottom: 1px dashed #ddd;padding-bottom: 2%;}
.syxw_list .zyxw a{display: block;}
.syxw_list .zyxw a:hover h4{color: #0098D1;}
.syxw_list .zyxw a h4{font-size: 15px;line-height: 30px;color: #333;}
.syxw_list .zyxw span{font-size: 12px;display: block;height: 40px;line-height: 20px;overflow: hidden;color: #999;}

.news_ul li{line-height: 40px;border-bottom: 1px dashed #ddd;height: 40px;overflow: hidden;}

.news_ul li a{font-size: 14px;display: block;}

/*简介新闻-end*/





/*底部*/
.footerbig{background:#31373b;padding: 2.5% 0;margin-top: 3%;}
.footermin{max-width:1200px;width: 100%!important; margin:0 auto;overflow: hidden;}
.db_list{overflow: hidden;float: left;width: 50%;}
.db_list li{float: left;width: 25%;}
.db_list dl dt{padding-bottom: 10px;color: #aeaeae;font-weight: bold;font-size: 14px;}
.db_list dl a{color:#aeaeae; }
.db_list dl a:hover{color: #3cf;}
.db_list dl dd{line-height: 24px;font-size: 12px;}
.db_contact{float: left;color: #aeaeae;line-height: 26px;width: 24%;}
.db_contact h3{font-weight: bold;}
.weixin{float: right;text-align: center;}
.weixin h4{color: #aeaeae;}
.db_copyright{height: 40px;line-height: 40px;text-align: center;font-size: 12px;color: #bbb;background: #222;}







/*响应式*/

@media(min-width: 1200px){

    .picScroll-left .hd .prev:hover{background:url("../images/zuo2.png") no-repeat;}

    .picScroll-left .hd .next:hover{background:url("../images/you2.png") no-repeat;}



}



@media(max-width: 1200px){
    .main{width: 94%!important;margin: 0 3%;}
    .footermin{width: 98%!important;margin: 0 1%;}

    .logo_bg span{display: none;}

    #youshi_left{text-align: center;}
    #youshi_left h1{margin-left: 0;}
    #youshi_right{text-align: center;}
    #youshi_right h1{margin-right: 0;}

    .picScroll-left .bd{width: 100%;right: 0;}

}

@media(max-width: 980px){

    .web_header{display: none;}

    .wap_header{display: block!important;}

    .picScroll-left .bd ul li .pic img{height: auto;}

    .picScroll-left .bd ul li .title_centent{height: 70px;overflow: hidden;}

    .db_logo{display: none;}

    .footermin .footer_right{padding: 3% 5%;width: 90%;}

    .cl .fl{float: none;display: none;}

    .cl .fr{float: none;width: 94%;padding: 0 3%;}

    .weizhi{display: none;}

}

@media(max-width: 768px){

    .picScroll-left .bd ul li{width: 50%;}

    .flex-direction-nav{display: none;}

    .picScroll-left .bd ul li .pic img{height:auto;}

    .sy_about{float: none;width: 90%;padding: 0 5%;margin-bottom: 5%;}

    .news_centent{float: none;width: 90%;padding: 0 5%;margin-bottom: 5%;}

    .footer_lx img{width: 20%;}

    .product_list li{width: 50%!important;}

    .suspend{display: none;}

    .news_list li a img{height: 120px!important;}
    .nynews_centent h2{line-height: 30px!important;font-size: 16px;}
    .news_list li a{background: none!important;padding: 0 3% 0 0!important;border:none!important;box-shadow: 0 0 20px #eee;}
    .nynews_centent p{height: 30px!important;}
    .db_list{width: 98%;margin: 0 1%;float: none;}
    .db_contact{width: 60%;margin: 5% 0 0 1%;}
    .weixin{width: 35%;margin: 5% 1% 0 0 ;}
    .weixin img{width: 80%;}
    .hz_list li a img{width: 80%;}

    .picScroll-left .hd{display: block;}

}

@media(max-width: 480px){
    .main{width: 100%!important;margin:0!important;}

    .advantage_ul li{height: 150px;}

    .advantage_ul li a h1{line-height: 30px;font-size: 15px;}

    .sy_product h3{line-height: 35px;}

    .advantage h3{line-height: 35px;}

    .picScroll-left .bd ul li .pic img{height: auto;}

    .xy_bg{margin: 5%;}

    .picScroll-left .hd .next{width: 30px;background: url(../images/you_sj.png) no-repeat;}

    .picScroll-left .hd .prev{width: 30px;background: url(../images/zuo_sj.png) no-repeat;}

    .product_list li img{height: auto!important;}
    .nynews_centent span{font-size: 12px!important;}
    .news_list li a img{height: 80px!important;}
    .nynews_centent p{display: none;}
    .nynews_centent h2{line-height: 20px!important;font-size: 14px;}
    .news_list{padding-bottom: 5%;}
    .advantage_ul li img{width: 50%;}
    .advantage_ul li p{height: 40px;line-height: 20px;overflow: hidden;font-size: 12px;}
    .about_centent img{height: 100px;}
    .about_centent p{height: 100px;line-height: 25px;font-size: 12px;}
    .news_ul li{height: 25px;line-height: 25px;}
    .news_ul li a{font-size: 12px;}
    .db_list{display: none;}

    #dituContent{height: 300px!important;}

    .picScroll-left .bd{width:84%;}

    .syxw_list .zyxw a h4{height: 25px;line-height: 25px;overflow: hidden;}
    .syxw_list .zyxw span{height: 20px;line-height: 20px;overflow: hidden;}

    .cp_more{width: 50%;}

    .hz_title{margin:0 4%!important;}
}













/*内页*/

.cl{}

.cl .fl { float: left; }

.fr{float: right;width: 76%;}



.weizhi{padding: 20px 0;background: url(../images/index.png) no-repeat left;padding-left: 24px;}

.weizhi a{font-size: 14px;}



.news_list li{margin-bottom: 4%;}

/* side */

.side { width: 20%; }

.sideNav { margin-bottom: 20px; }

.sideNav ul{border:1px solid #eee;padding-bottom: 10px;}

.sideNav h2 { height: 56px; line-height: 56px; text-align: center; font-size: 24px; background: #0098D1; color: #fff; margin-bottom: 2px; }

.sideNav .item { margin-bottom: 2px; position: relative;}
.sideNav .item .erji_zuoce{display: none; position: absolute; left: 238px; top:0;width: 210px; border: 1px solid #eee; background: #fff;}
.sideNav a { display: block; height: 50px; line-height: 50px; color: #333;  text-indent: 24px; position: relative; font-size: 15px; }

.sideNav li > a,.sideNav li h3 > a{ background: url(../images/news_more1.png)no-repeat 200px #eee; }
.sideNav a:hover{ background: url(../images/news_more1.png)no-repeat 200px #0098D1;}
.sideNav h3 a:hover{color: #fff;}
.sideNav .on a{ background:url(../images/news_more1.png)no-repeat 200px #0098D1;color: #fff}
.sideNav .none a { background: none; }

.sideNav h4 { position: relative; height: 35px; }

.sideNav h4 a { position: absolute; left: 0; top: 0; width: 100%; height: 36px; line-height: 36px; text-indent: 24px; background: url(../images/splitBg.gif) repeat-x; }

.sideNav h4 a:hover, .sideNav .on h4 a { background: #545454; color: #fff; }

.sideWrap { margin-bottom: 20px; }

.sideWrap h2 { height: 40px; line-height: 40px; font-size: 16px; text-indent: 20px; background: #0098D1; color: #fff; }

.sideBox { border: 1px solid #dadada; border-top: none; }

.contactBox { padding: 15px;line-height: 20px; }

.hotLine { background: url(../images/hotLine.png) no-repeat; padding-left: 50px; margin-bottom: 4px; height: 46px; }

.hotLine p { line-height: 16px; }

.hotLine h3 { font-size: 20px; font-family: Arial; font-weight: bold; line-height: 30px; }

.contactInfo { background: url(../images/splitBg.gif) repeat-x; padding-top: 5%;line-height: 25px; }

.contactInfo span { /* vertical-align: top; display: inline-block; */ }

.contactInfo .value { width: 150px; }

.pageBox{line-height: 30px;font-size: 16px;}

.pageBox img{display: block;max-width: 100%;margin:0 auto;}

.erji_zuoce a{height: 40px;line-height: 40px;font-size: 13px;padding-left: 15px;margin: 2px 0;background: url(../images/sanjiao.png) 15px center no-repeat;}
.erji_zuoce a:hover{background: url(../images/sanjiao.png) 15px center no-repeat #eee;}





/* breadCrumb */

.breadCrumb { height: 55px; border-bottom: 1px solid #dadada; position: relative; margin-bottom: 30px; display: table; width: 100%; }

.breadCrumb h2 { font-family: 'Microsoft Yahei'; font-size: 18px; position: absolute; top: 0; left: 0; height: 54px; line-height: 54px; padding: 0 4px; border-bottom: 3px solid #0098D1; color: #333; }

.breadCrumb .fr { color: #999; font-family: '宋体'; cursor: default; width: 330px; line-height: 16px; text-align: right; display: table-cell; vertical-align: middle; float: none; }



/* imgSideBox */

.imgSideBox { padding: 10px 0; }

.imgSideBox li { width: 198px; margin: 0 auto 14px; }

.imgSideBox a { display: block; }

.imgSideBox img { width: 190px; height: 146px; padding: 2px; border: 2px solid #dadada; transition: 0.3s; }

.imgSideBox span { width: 168px; text-align: center; display: inline-block; vertical-align: top; font-size: 14px; padding: 0 15px; line-height: 30px; padding-top: 4px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.imgSideBox a:hover { color: #094297; }

.imgSideBox a:hover img { border-color: #094297; }





/*product_list*/

.product_list{}

.product_list li{float: left;width: 33.333%;text-align: center;}

.product_list li a:hover{box-shadow: 0 0 20px #e5e5e5;   }

.product_list li h3{font-size: 15px;padding-top: 10px;}

.product_list li a{display: block;border: 1px solid #eee;padding: 3%;margin: 4%;}

.product_list li a img{display: block;width: 100%; height: 259px;}

#margin_none{margin-right: 0;}





/*news_list*/

.news_list li a{display: block;overflow: hidden;padding: 10px 100px 10px 10px;background: url(../images/ny_news.png) no-repeat 94%;border:1px solid #f2f2f2;}

.news_list li a:hover{box-shadow: 0 0 20px #f5f5f5;}

.news_list li a:hover h2{color: #0098D1;}

.news_list li a img{width: 30%;height: 160px;display: block;float: left;}

.nynews_centent{float: right;width: 67%;font-size: 14px;padding: 1% 0;color: #666;}

.nynews_centent span{font-size: 16px;color: #666;}

.nynews_centent h2{line-height: 50px;color: #333;}
.nynews_centent p {height: 60px;overflow: hidden;line-height: 30px;}







/*内页-end*/


/*客服*/
.suspend {width:40px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl {width:120px;border-radius:25px 0 0 25px;padding-left:39px;box-shadow:0 0 5px #e4e8ec;border:1px solid #eee;text-align: center;}
.suspend dl dt {width:30px;position:absolute;top:0;left:0;cursor:pointer;background: url(../images/liuyan.png) no-repeat center 110px #3cf;text-align: center;font-size: 16px;
    color: #fff;padding: 20px 5px 40px 5px;}
.suspend dl dd {background: #fff;}
* html .suspend {position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}
.kfqq{padding: 4px 0;border-bottom: 1px solid #eee;}
.kftel{padding: 7px 0 8px 0;}
.kftel h4{font-size: 14px;color: #3cf;}



/*合作伙伴*/
.hezuo{margin-top: 5%;}
.hz_title{margin:0 0.5%;}
.hz_title span{color: #999;}
.hz_list{overflow: hidden;margin-top:2%; }
.hz_list li{width: 20%;float: left;text-align: center;}
.hz_list li a{display: block;}
.hz_list li a img{max-width: 100%; max-height: 100px;}



/*网站地图*/
.wzdt_list li{margin-bottom: 5%;}
.wzdt_list li h1{height: 40px;line-height: 40px;background: #f5f5f5;font-size: 18px;padding-left: 20px;border-bottom: 1px solid #3cf;margin-bottom: 2%;}
.wzdt_list li a{padding: 5px 10px;font-size: 14px;margin: 1% 0;white-space: nowrap}
.wzdt_list li a:hover{background: #3cf;color: #fff;}