@charset "gb2312";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}
.container01{width:1200px;margin:40px auto;}
.clear{ clear:both}

/*header*/
/*top*/
.top{ height:30px; width:100%; background:#378BE1;}
.top_l{ float:left; height:30px; line-height:30px; color:#FFF; letter-spacing:1px;}
.top_r{ float:right; height:30px; line-height:30px; overflow:hidden; }
.top_r ul li{ float:left;  padding:0 10px; text-align:center; color:#FFF; }
.top_r ul li a{ font-size:12px; color:#FFF;}
.top_r ul li.line01{ float:left; width:2px;}

.top_r ul li b{ color:#fff; font-size:20px;}

/*header*/
.header{ width:100%;  background:url(top.jpg) repeat-x center top; }
.logo{ float:left; width:322px;}
.menu{ position:relative; z-index:99;}
.menu ul li{float:left; width:100px; text-align:center; height:120px; }
.menu ul li a{ display:block; height:30px; line-height:30px;font-size:16px; margin-top:45px;}
.menu ul li:hover{ }
.menu ul li:hover a{ background:#378BE1;  color:#fff; border-radius:5px}
#nav{ display:none;  background:#378BE1; position:absolute; top:120px; width:100px}
#nav dl dd{ text-align:center; height:35px; line-height:35px;}
#nav dl dd:hover{ }
#nav dl dd a{ display:block; color:#fff; font-size:13px;  margin-top:0px;}
#nav dl dd a:hover{ color:#fff;background:#1C6FBF; border-radius:0px}

/*tel*/
.tel{ float:right;height: 50px; width:120px; margin-top:10px; background: url(tel.png) no-repeat left center; padding-left: 58px; line-height:18px;}
.tel b{ font-size:16px; color: #F90602;}


/* banner */
.banner{ width:100%; height:500px; overflow:hidden; position:relative;}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:500px; float:left;}
.b-list{position:relative; margin:470px auto 0;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:50px;height:3px;line-height:1;float:left;margin:0 10px;background:#fff;margin-top:3px;transition:all .5s linear;}
.b-list .spcss{height:6px;margin-top:0;}

/*index*/


.pro_tit{/*width:550px;*/margin:50px auto;position:relative; background:url(title2.png) no-repeat center center}

.pro_tit dl{display:inline-block;padding:0 35px;line-height:35px;position:relative;text-transform:uppercase;}
.pro_tit p{ font-size:16px; color:#999}
.pro_tit dl:before{left:0;}
.pro_tit dl:after{right:0;}
.pro_tit dt{font-size:24px;color:#FF6900; font-weight:bold}
.pro_tit dd{font-size:18px;color:#999;}
.pro_type a{display:inline-block;line-height:50px;min-width:120px;padding:0 20px;margin:0 10px;background:#378BE1;color:#fff;}
.pro_type a.hover{background:#FF6900;color:#fff;}


.pro_list{margin:50px 0 20px 0px;}
.pro_list li{width:290px;margin:0 5px 10px; float:Left;}
.pro_list li a{display:block;/*background:#eee;*/}
/*.pro_list li a:hover .pro_name{background:#1C6FBF;color:#fff;}*/
.pro_img{width:280px; height:220px;  padding:3px; border:#ddd solid 1px;background:#eee; overflow:hidden}
.pro_name{ height:40px;line-height:40px;}
.pro_list li a img{ transition:all 2s; width:280px; height:220px; }
.pro_list li a img:hover{ transition:all 2s;transform: scale(1.4);}
.pro_more{margin-bottom:50px;}
.pro_more a{display:inline-block;color:#999;width:100px;height:20px;line-height:20px;border-left:#ddd solid 1px;border-right:#ddd solid 1px;}
.pro_more a:hover{color:#1C6FBF;border-left:#1C6FBF solid 1px;border-right:#1C6FBF solid 1px;}

.about_bg{height:460px;background:url(../images/about_bg.jpg) no-repeat center top;}
.about_box{width:560px;color:#fff;padding-top:40px;line-height:30px;text-transform:uppercase;}
.about_name{font-size:34px;line-height:60px;padding:10px 0;}
.about_text{margin:30px 0;line-height:40px;height:120px;overflow:hidden;font-size:17px;}
.about_more{display:block;width:150px;height:40px;line-height:40px; background:#fff;color:#333;}



.news_bg{ padding:30px 0px 50px 0px;background:url(../images/news_bg.jpg) no-repeat center top;}
.left_body1 { overflow:hidden; zoom:1;}
.left_body1 .ChannelPicture{ float:right; overflow:hidden; width:480px;}
.left_bottom1 { height:0px; margin-bottom:0px;}
/*带缩略图文字列表2*/
.thumblist1{ overflow: hidden; }
.thumblist1 li{float: left; width: 548px; margin: 10px 15px; padding:10px; background:#fff; border:1px solid #fff; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.thumblist1 li:hover{border:1px solid #e9e9e9; -webkit-box-shadow: 0 0 2px 2px #f0f0f0;-moz-box-shadow: 0 0 2px 2px #f0f0f0;box-shadow: 0 0 2px 2px #f0f0f0;
    transform:translate3d(0, -2px, 0); }
.thumblist1 div.info_wrap{ float: right; width: 366px; padding-right: 8px;}
.thumblist1 div.InfoTime{ color: #555; }
.thumblist1 li a.InfoPicture{ float: left; }
.thumblist1 li img{ width: 162px; height:122px; }
.thumblist1 li a.InfoTitle{ display:block; font-size: 18px; color: #000; font-weight: bold; height:30px; line-height:30px; overflow: hidden;
    white-space: nowrap;/*强制在一行显示*/
    text-overflow: ellipsis; /* for IE */
    -o-text-overflow: ellipsis; /* for Opera */
    -icab-text-overflow: ellipsis; /* for iCab */
    -khtml-text-overflow: ellipsis; /* for Konqueror Safari */
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
    -webkit-text-overflow: ellipsis; /* for Safari,Swift*/ }
.thumblist1 li a.InfoTitle:hover{ color: #0064D6; }
.thumblist1 li p{ color: #999; line-height: 1.7em;display: inline-block;
	display: -webkit-box;
	-webkit-line-clamp: 3;/*多行文本 溢出部分...*/
	-webkit-box-orient: vertical;/*从上向下垂直排列*/
	overflow: hidden; }


.honor_bg{/*height:590px; padding-bottom:10px;*/padding-top:30px;box-sizing:border-box;background:#fff;}
.honor_scroll{width:1200px;position:relative;margin-bottom:50px;}
.honor_scroll .hd .prev,.honor_scroll .hd .next{display:block;width:40px;height:40px;position:absolute;top:95px;}
.honor_scroll .hd .prev{left:-50px;background:url(../images/btn_left.png) no-repeat;}
.honor_scroll .hd .next{right:-50px;background:url(../images/btn_right.png) no-repeat;}
.honor_scroll .bd ul{overflow:hidden;zoom:1;}
.honor_scroll .bd ul li{width:280px;margin:0 5px;float:left;_display:inline;line-height:40px;overflow:hidden;text-align:center; padding:5px; background:#eee}
.honor_scroll .bd ul li a{display:block;color:#333; background:#eee }
.honor_scroll .bd ul li a:hover{background:#1C6FBF;color:#fff;}
/*.honor_scroll .bd ul li img{ border:#fff solid 5px}*/
.honor_more{margin-bottom:50px;}
.honor_more a{display:inline-block;color:#999;width:100px;height:20px;line-height:20px;border-left:#ddd solid 1px;border-right:#ddd solid 1px;}
.honor_more a:hover{color:#1C6FBF;border-left:#1C6FBF solid 1px;border-right:#1C6FBF solid 1px;}
.white{color:#fff!important;}

.hf01{ width:1200px; margin:30px auto 50px auto;} 


/*友情链接*/
.links{  width:1198px; border: #E5E5E5 solid 1px; margin:20px auto;}
.links_title{ float:left; width:80px; background:#378be1;color:#fff; font-size:14px; font-weight:bold; border-right:#FFF solid 3px; text-align:center; }
.links_con{ float:left;width:1105px; padding:5px;}
.links_con ul li{ float:left; padding:0px 3px; }
.links_con ul li a{}

/*footer*/
.footer{ text-align:center; background-color:#383D43; padding: 0px 0px 30px 0px;}
/*menu*/
.f_nav{ height: 40px; line-height:40px; background:#626C74; text-align: center; color: #fff;}
.f_nav a{ font-size: 14px; color: #fff; padding: 0px 40px;}

.ft_ewm{ float:left; width:200px;text-align:center; margin-left:0px}
.ft_ewm p{color:#fff; height:40px; line-height:40px; text-align:center;}
.ft_lx{ float:left; width:550px; margin-left:50px;color:#fff; }
.ft_lx p{color:#fff;  text-align:left; line-height:30px;}
.ft_lx p a{color:#fff; }

.ft_bq{ border-top:#666 solid 1px; margin-top:20px; color:#fff; padding:10px 0px;}


.kd{ width:1200px; margin:0 auto; position:relative}
.ny_kd{width:1200px; margin:30px auto; }
.kd_l{ width:260px;}
/*产品分类*/
.cpfl{ background:#378BE1}
.cpfl_tit{ height:60px; line-height:60px; text-align: center; color:#fff; font-size:20px; font-weight:bold; letter-spacing: 2px;background:#378BE1 }
.cpfl_con{ border-top:none; padding:10px 10px 1px 10px; background:#f5f5f5;}
.cpfl_con ul li{height:45px; line-height:45px;padding-left: 30px; background:url(tb02.png) no-repeat 10px center #fff;margin-bottom:10px;}
.cpfl_con ul li a{ font-size: 16px;}
.cpfl_con ul li:hover{ margin-left: 0px; background:#378BE1}
.cpfl_con ul li:hover a{ margin-left: 0px; background:#378BE1; color:#fff}
.ny_contact{ background:#f5f5f5; margin-top:15px;}
.icontact{ padding:10px;}
.bt{ height:40px; line-height:40px; border-bottom:1px #378BE1 solid; font-size:16px; color:#ea3700}
.bt font{ font-size:14px; color:#378BE1; margin-left:10px}
.bt a{ color:#378BE1; font-size:14px; float:right}


.kd_r{ width:920px;}
.ny_bt{ height:40px; line-height:40px; border-left:5px #378BE1 solid; font-size:16px; background:#f5f5f5; color:#0064b1; margin-bottom:15px; padding-left:10px; padding-right:10px;}
.ny_bt span{ float:right;color:#8e8e8e;font-size:14px;}
.ny_bt span a{ color:#8e8e8e; font-size:14px;/* float:right*/}