@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
.clearfix{zoom:1}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.curp{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
.pt20{padding-top:20px}
/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.content,.footer,.container,.main{margin:0 auto; width:1200px;}

.head{width:100%; background:#2b9cd8; height:34px; line-height:34px; }
.headl{width:800px; color:#FFF; height:34px;}
.headl span{padding-left:30px; padding-right:20px; font-size:14px}
.headl .tel{background:url(../images/tel.png) left no-repeat}
.headl .mail{background:url(../images/mail.png) left no-repeat}
.headr{width:115px; position: relative;}

.headr .search-option {border: none;position: relative; width: 80px;height:22px; margin-top:7px; background:#fff url(../images/headr.gif) 8px 2px no-repeat; color: #333;line-height: 22px;text-decoration: none;text-align: center;padding-right: 15px; padding-left:20px; vertical-align: middle;display: block; font-size: 14px;overflow: hidden;cursor: pointer;}
.headr dl.select {display: block;position: absolute;top:28px;left: 0; border-top:none; width: 115px;line-height: 30px; padding-top:5px;text-align: center;background-color: #fff; z-index: 9999;}
.headr dl.select dd {cursor: pointer;font-size: 12px;}
.headr dl.select dd:hover {background-color: #2b9cd8;color: #fff}
.headr .search-option i{DISPLAY:inline;FLOAT:left; WIDTH:12px;POSITION:relative;HEIGHT:12px;background:url(../images/headr2.gif) right no-repeat}
.headr .search-option i em{ WIDTH:12px; HEIGHT:12px; OVERFLOW:hidden; }
.headr .search-option i{ position:absolute; right:5px; top:3px; margin-right:8px; display:block; margin:0 ;}

.menu{width:100%; height:104px; background:url(../images/headbg.gif) repeat-x}
.menu .logo{width:400px; height:75px; margin-top:20px}
#nav{width:600px;height:30px;overflow:hidden; padding-top:40px; float:right}
#navMenu{width:800px;overflow:hidden;height:30px;margin:0 auto;}
#navMenu ul{overflow:hidden;height:30px;text-align:center;}
#navMenu ul li{float:left;display:block;}
#navMenu ul li a{width:100px; height:100%;line-height:30px;display:block;float:left; text-align:center; color:#333;font-size:14px;font-family:"微软雅黑";background:url(../images/navline.gif) no-repeat left;}
#navMenu ul li a:hover{background:#2b9cd8; color:#fff}
#navMenu ul .home a{background:#2b9cd8; color:#fff}
#navMenu ul .hover a{background:#2b9cd8; color:#fff}

.dropMenu{position:absolute;top:0;z-index:100;width:100px; visibility:hidden;margin-top:-2px; background:#2b9cd8;}
.dropMenu li {display:block; text-align:center;}
.dropMenu a {display: block;height:30px;line-height:30px; padding:5px 0; color:#FFFFFF;}
* html .dropMenu a {width: 100%;color:#FFFFFF;}
.dropMenu a:hover {color:fff;background-color:#52c0fb;}

.fullSlide{width:100%;position:relative;height:600px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:600px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}


.poxt{width:100%; background:url(../images/poxtit.gif) no-repeat center bottom; margin:20px 0}
.poxt h4{height:84px; line-height:80px; overflow:hidden; text-align:center; font-size:30px; font-weight:normal}
.poxt h4 a{ padding:10px 0; display:inline-block; color:#333;}
.poxt h4 span{display:block; color:#b2b2b2; font-weight:normal; text-transform:uppercase; text-align:center}

.solution{ height:500px;}
.solution ul{ padding:50px 0}
.solution ul li{width:480px; height:220px; border:#dedede 1px solid; border-radius:5px; padding:40px 45px; text-align:center;background:#f9f9f9;}
.solution ul li h6{ font-size:26px; color:#333; height:80px; line-height:80px; margin-bottom:10px; font-weight:normal}
.solution ul li p{font-size:18px; color:#666; padding:50x 0; margin-bottom:50px; font-weight:normal}
.solution ul li a{ width:120px; height:40px; line-height:40px; background:#2b9cd8; font-size:16px; color:#fff;   border-radius:5px; margin:0 auto; display:block}
 

.pro{width:100%; background:#f5f5f5; padding:30px 0}
.min12{ text-align:center; width:100%; overflow:hidden; margin-bottom:35px;}
.min12 a{ display:inline-block; cursor:pointer; padding:6px 25px; font-size:14px;  border: #e3e3e3 1px solid; color:#848484; margin:0 5px; border-radius:20px; transition: all .66s cubic-bezier(.17, .84, .44, 1); background:#fff}
.min12 a:hover{background-color: #2b9cd8; border:#2b9cd8 1px solid; color:#fff}
.min12 a.menuOn{background-color: #2b9cd8; border:#2b9cd8 1px solid; color:#fff}
.prolist{ width:100%; overflow:hidden;}
.prolist ul{ width:100%; overflow: hidden;}
.prolist ul li{ width:23%; float:left; overflow:hidden; margin-right:2%; margin-bottom:2%; position:relative;}
.list_none{ display:none;}
.prolist ul li.lit4, .pro .list ul li.lit8{ margin-right:0;}
.prolist ul li .img{ overflow:hidden; position:relative;}
.prolist ul li .img .back{ position:absolute; width:100%; height:40px; bottom:0; left:0; background:rgba(244, 244, 244, 0.5);-moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
.prolist ul li img{ width:100%;-moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
.prolist ul li p{ height:40px; line-height:40px; overflow:hidden; width:100%; text-align:center; font-size:16px; color:#333; position:absolute; bottom:0;}
.prolist ul li:hover img{-moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);}
.prolist ul li:hover .img .back{ background:none;}
.prolist ul li:hover p{ background-color:#2b9cd8; color:#fff; -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;}
	

.news{ padding:40px 0; height:550px}
.newsl{width:650px; height:400px;}
.new_title{border-bottom:1px solid #dedede;height:50px;}
.new_title h3{font-weight: normal;line-height: 36px;font-size: 22px; padding-left:50px;  background: url(../images/news.gif) no-repeat left center;}
.new_title h4{font-weight: normal;line-height: 36px;font-size: 22px; padding-left:50px;  background: url(../images/contact.gif) no-repeat left center;}
.new_title a{float: right; width:30px; height:36px; background: url(../images/more.gif) no-repeat left center;}
.newsl ul{margin-top: 55px;}
.newsl ul li{line-height: 45px; font-size: 15px; padding-left: 20px; background: url(../images/dian.png) no-repeat left center;background-size: 11px;}
.newsl ul li span{float: right; color:#333;color: #666;font-size: 12px;}


.newsr{width:490px; height:400px}
.newsr .name{width:100%; height:35px; padding:20px 0; margin-top:20px;}
.newsr .name h2{ color:#2b9cd8; height:35px; line-height:35px; font-size:24px}}
.newsr ul{margin-top: 10px;}
.newsr ul li{line-height: 40px; font-size: 18px; color:#000; padding-left: 60px; line-height: 58px;  height: 58px; }
.newsr ul li.tel{background: url(../images/telpic.gif) no-repeat left;}
.newsr ul li.fax{background: url(../images/faxpic.gif) no-repeat left;}
.newsr ul li.qq{background: url(../images/qqpic.gif) no-repeat left;}
.newsr ul li.mail{background: url(../images/mailpic.gif) no-repeat left;}
.newsr ul li a{ color:#2b9cd8}


.foot{width:100%; background:#2c2f34; padding:20px 0}
.foot_nav{border-bottom:#8a8b8d 1px solid; height:75px; padding:10px 0}
.foot_nav .logo{width:200px; height:75px }
.foot_nav .nav{width:800px;height:75px;overflow:hidden; margin-top:20px; float:left}
.foot_nav .nav ul{overflow:hidden;height:75px;text-align:center;}
.foot_nav .nav ul li{float:left;display:block;}
.foot_nav .nav ul li a{width:100px; height:100%;line-height:30px;display:block;float:left; text-align:left; color:#8a8b8d;font-size:14px;font-family:"微软雅黑";background:url(../images/navline.gif) no-repeat left;}
.foot_nav .nav ul li a:hover{ color:#2b9cd8}
.foot_con{ height:40px; line-height:40px; padding:30px 0 20px 0}
.foot_con span{ float:left}
.foot_con .home{padding-right:50px;  padding-left:50px; color:#8a8b8d; background:url(../images/home.png) no-repeat left center;}
.foot_con .tel{ padding-right:30px; padding-left:50px; color:#8a8b8d; background:url(../images/tel2.png) no-repeat left center;}
.foot_con .mail{padding-right:30px;  padding-left:50px; color:#8a8b8d; background:url(../images/mail2.png) no-repeat left center;}
.foot_copy{width:100%; text-align:right; height:20px; line-height:20px; color:#8a8b8d;font-family:"微软雅黑";}


 
.cont_img{height: 300px;}
.cont_img_div{text-align: right; padding-top:100px; height:200px; margin: 0 auto }
.cont_img_div b{font-weight:700;display: block;font-size: 56px;color: #fff;}
.cont_img_div span{display: block;font-size: 20px;color: #fff;text-transform: uppercase;}


.cont_nav{margin:20px 0 30px 0;overflow:hidden;border-bottom:1px solid #d6d4d4;}
.cont_nav_left{float: left;}
.cont_nav_left a{transition:.5s;-webkit-transition:.5s;margin-right:20px;border-bottom:3px solid transparent;font-size:15px;color:#666;line-height:40px;height:40px;float:left;}
.cont_nav_left a:hover,.cont_nav_left a.on{border-color: #0c76af;color: #0c76af;}


.bread{font-size:13px;color:#a1a1a1;line-height:40px;text-align: left;}
.bread a{color: #a1a1a1;}
.bread a:hover,.bread a.on{color: #0c76af;}
.bread img{margin-right:3px;display: inline-block;vertical-align: text-bottom;}

.cause_cont{overflow: hidden;}
.cause_left{float: right;width:910px;}
.cause_f1{border-bottom:1px solid #f0f0f0;padding-bottom:45px;overflow: hidden;}
.cause_f1>a{overflow:hidden;float: left;width: 415px;height: 200px;}
.cause_f1>a img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.cause_f1:hover>a img{transform:scale(1.02);-webkit-transform: scale(1.02)}
.cause_f1_right{float: left;width:350px;}
.cause_f1_right a:first-child{display: block;font-size: 16px;color: #666;}
.cause_f1_right p{margin-top:15px;height:67px;overflow: hidden;font-size: 13px;color: #666;line-height: 24px;}

.cause_right{float: left;width:260px;}
.cause_right_top a{display:block;position:relative;margin-bottom:30px;}
.cause_right_top a b{width:300px;height:215px;display: block;overflow: hidden;}
.cause_right_top a b img{display: block;width: 100%;height: 100%;}
.cause_right_top a span{background-color: #f2f2f2; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;padding:0 10px;text-align:center;height:60px;line-height:60px;display: block;font-size: 14px;color: #666;}
.cause_right_top a i{opacity:0;filter:alpha(opacity=0);background:url("../images/cause_07.png") no-repeat center;position:absolute;z-index:1000;transform:scale(0);-webkit-transform:scale(0);transition:.5s;-webkit-transition:.5s;width:80px;height:80px;left:50%;top:70px;margin-left:-40px;display: block;}
.cause_right_top a:hover i{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);}

.cause_right_nav{margin:0px 0 30px 0;}
.cause_right_nav div{font-size:18px;line-height:16px;color:#fff; height:40px;padding-top:40px;text-align: center;     background: #2b9cd8;}
.cause_right_nav a{transition:.5s;-webkit-transition:.5s;border-top:1px solid #e8e8e8;text-align:center;background-color:#f4f4f4;display: block;height: 65px;line-height: 65px;}
.cause_right_nav a:hover,.cause_right_ser a.on{color: #0c76af;}



/*新闻内容*/
.new_detail{font-size: 14px;color: #585858;line-height: 28px; padding-bottom:80px;}
.new_detail table{margin-bottom:100px;width:100%;border:none;font-size: 14px;color: #666;}
.new_detail table td{line-height: 28px;border:1px solid #ddd; padding:8px 8px;}
.new_detail table td p{FONT-SIZE: 14px;line-height: 28px;}

.new_detail table td img{display: inline-block;}

.new_detail p { margin-bottom: 10px; }
.new_detail p img,.new_detail img { display: block; max-width:100%; text-align:center; margin:0 auto; }



/*cause-page*/
.proinfo_f1{background-color: #fff;}
.proinfo_f1_right{margin-bottom:30px;float: right;width: 558px;height: 372px;}
.proinfo_f1_right img{display:block;width: 100%;height: 100%;}
.proinfo_f1_left{margin-top:40px;float: left;width: 570px;}
.proinfo_f1_div{padding-bottom:30px;border-bottom:1px solid #e5e5e5;font-size: 20px;color: #333;font-weight: lighter;}
.proinfo_f1_div span{margin-bottom:5px;display:block;font-weight: normal;font-size: 46px;}
.proinfo_f1_left p{margin:20px 0 30px 0;font-size: 14px;color: #666;line-height: 26px;}
.proinfo_f1_left a{text-indent:23px;color:#333;border-radius:18px;line-height:34px;position:relative;width:215px;height:34px;border:1px solid #dfdfdf;display: block;}
.proinfo_f1_left a span{width:36px;height:36px;background:url("../images/cua_06.png") no-repeat center #0c76af;display: block;position: absolute;top:0;right:0;border-radius:18px;}
.proinfo_f1_left a:hover{color: #0c76af;}


.pro-con.ntable table{margin-bottom:0;}
.pro-con.ntable table td{border:none;}

.pro-con{FONT-SIZE: 14px;
    COLOR: #444;
    LINE-HEIGHT: 28px;}
.pro-con p{FONT-SIZE: 14px;
    COLOR: #444;
    LINE-HEIGHT: 28px;}
.pro-con table{margin-bottom:100px;width:100%;border:none;font-size: 14px;color: #666;}
.pro-con table td{line-height: 28px;border:1px solid #ddd; padding:8px 8px;}
.pro-con table td p{FONT-SIZE: 14px;line-height: 28px;}
.fixedSubNav{position:fixed;top:0;left:0;z-index:1000; background-color: #f5f5f5; border-bottom: 1px solid #ddd}

.pro-con-tit{width:100%;padding-bottom:0px;margin-top:0;
    line-height: 54px;
    height: 54px; 
    overflow: hidden;

    }

.pro-con-tit ul{background-color: #f5f5f5; width:100%; height:56px}

.pro-con-tit li{float:left;font-size:16px; cursor:pointer; border: 1px solid #eee;}
.pro-con-tit li.adv_active{ position: relative;}
.pro-con-tit li a{

float: left;
    display: block;
    font-size: 18px;
    transition: all .1s; padding: 0 20px;
    overflow: hidden;
    border-right: 1px #f2f2f2 solid;
  }
.pro-con-tit li.adv_active a{    background: #1a8bc8;
    color: #fff;
    text-decoration: none;
}

.pro-con{padding: 20px 0;}

.pro-con img{max-width:100%;}

.pro-con .con_1{width:100%;padding:0px 0;}


/*产品列表*/
.prolist{ padding-bottom:20px;}
.prolist .info-title{padding:15px 0 20px 0; font-size:20px; font-weight: normal;  text-shadow: 0.5px 0 0 #e5001e;  line-height: 1.2;}
.prolist .intro-desc{font-size:16px; padding:10px 0; line-height:25px;  color: #666;}
.prolist .products-cate { margin: 0 auto;  padding: 30px 0 0; overflow: hidden; text-align: center;}
.prolist .products-cate .item {margin: 0 auto 30px; text-align: center;display: inline-block;vertical-align: top;}
.prolist .products-cate .item a {  display: block;margin: 0 5%; max-width: 230px; text-decoration: none;}
.prolist .products-cate .item a:hover .figure { background: #333; transition: 0.2s;    position: relative;padding: 10px;}
.prolist .products-cate .item a:hover .figure img {opacity: 0.3;}
.prolist .products-cate .item .text {  font-size: 14px; font-size: 1.4rem;  color: #333; margin: 10px 0 0;}
.prolist .products-cate .item .figure {  position: relative; background: #eee; padding: 10px;}


/*news*/
.news_f1{padding:25px 30px;overflow: hidden;background-color: #f1f1f1;margin-bottom:30px;}
.news_f1_left{float: left;overflow: hidden;width: 210px;height: 135px;}
.news_f1_left img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.news_f1:hover .news_f1_left img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.news_f1_right{float: left;width: 520px;margin-left:30px;}
.news_f1_right h2 a{font-size: 18px;color: #3f3e3e;}
.news_f1_right p{margin:10px 0;overflow: hidden;height:58px;font-size: 13px;color: #8d8d8d;line-height: 20px;}
.news_f1_right>span{line-height:42px;display: block;color: #d3d3d3;font-size: 12px;}
.news_f1_right>span span{display:inline-block;margin-right:10px;font-size: 42px;}
.news_f1+.page{margin:65px 0 75px  0;}
.news_f1:hover .news_f1_right h2 a{color: #0c76af;}

.pagess {
	clear: both;
	margin: 20px;
	overflow: hidden;
	margin-left: 0px;
	text-align: center;
	font-size:12px
}
.pagess ul li {
	display:inline-block;
	border: 1px solid #ccc;
	padding: 4px 12px;
	margin: 0 1px;
	line-height:24px;
	background: #fff;
	color:#999
}
.pagess ul li:hover {
	background:#00c0ff;
	color:#fff;
	border: 1px solid #00c0ff
}
.pagess ul li:hover a {
	color:#fff;
}
.pagess ul li.thisclass {
	display: inline-block;
	border: 1px solid #00c0ff;
	padding: 4px 12px;
	margin: 0 1px;
	background: #00c0ff;
	color: #fff;
}
.pagess ul li.thisclass a {
	color: #fff;
}
.pagess ul li a {
	display:block;
	color:#999
}
.pagess ul li a:hover {
	color: #fff;
}

.met_pager {height:45px;line-height:35px;margin:0 auto; padding-top:15px; text-align:center}
.met_pager ul{ margin:0 auto; display:inline-block;}
.met_pager li{padding:0 13px; line-height:36px; display:inline-block; font-size:14px; border:1px solid #ddd; margin-left:-1px; float:left; background-color:#FFF;cursor:pointer;}
.met_pager li a{color:#444; }
.met_pager li.thisclass,.met_pager ul li.thisclass a,.met_pager ul li.thisclass a:hover{color:#fff !important; background-color: #00c0ff;}

.new_page {
    margin-bottom: 120px;
    overflow: hidden;
    text-align: center;
}
.new_page a {
    transition: .5s;
    -webkit-transition: .5s;
    background-color: #e5e5e5;
    color: #666;
    border-radius: 20px;
    padding: 0 40px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.section-box-title {
    margin-bottom: 10px;
    background: #f6f6f6;
}
.section-box-title h3 {
    height: 42px;
    padding-left: 10px;
    border-left: 4px solid #1a8bc8;
    font-size: 18px;
    font-weight: 100;
    line-height: 42px;
}



/*new*/

.news_tit_bottom{overflow: hidden;}
.news_tit_bottom div{float: left;font-size: 14px;color: #999;}
.news_tit_bottom span{float:left;}
.news_tit_bottom .bshare-custom{margin:2px 0 0 14px;}
.news_tit_bottom .bshare-custom a{width: 17px;border-radius:50%;height: 17px;padding:0;margin:0 4px 0 0;float:left;}
.news_tit_bottom .bshare-custom a.bshare-qqim{background: url("/style/images/new_03.png") no-repeat center #3f3e3e;}
.news_tit_bottom .bshare-custom a.bshare-weixin{background: url("/style/images/new_05.png") no-repeat center #3f3e3e;}
.news_tit_bottom .bshare-custom a.bshare-sinaminiblog{background: url("/style/images/new_07.png") no-repeat center #3f3e3e;}
.news_tit_bottom .bshare-custom a:hover{background-color: #0c76af;}
