﻿@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;}

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

body{font-size:12px; font-family: "Microsoft YaHei","黑体","宋体",sans-serif;margin:0px;padding:0px;color:#333;}

img{border:0px;}

ul,li{ list-style:none;}

em,i{ font-style:normal;}

a{ text-decoration:none; color:#333;outline:none;}

a:hover{ background-repeat:no-repeat; }

table{border-collapse: collapse;}





/*top*/

.top_bg{position: fixed;top: 0;width: 100%;background: #fff;z-index: 2;}

.top_main{width: 1200px;margin: 0 auto;}

.logo{float: left;padding: 10px 0;}

.logo img{height: 70px;display: block;}





/*sousuo*/
.sousuo{float: right;margin: 25px 50px 0 60px;}
.sousuo img{display: block;}
.sousuo form{overflow: hidden;}
.sousuo form input{float: left;}
.sousuo .shuru{width: 188px;height: 38px;line-height: 40px;padding:0 10px;outline: none;background: #fff;border:1px solid #e9e9e9;border-radius: 5px 0 0 5px;}
.sousuo .tijiao{cursor: pointer;width: 60px;height: 40px;line-height: 40px;background: #006896;color: #fff;border-radius: 0 5px 5px 0;}



/*语言*/

.fgs{float: right;margin-top: 28px;position: relative;}

.fgs_zi{background: url(../images/yuysn.png) no-repeat right;padding-right: 10px; line-height: 30px;height: 30px; 

	color: #999;cursor: pointer;}

.fgs_list{position: absolute;top: 30px;right: -10px; width: 60px;text-align: center;display: none;background: #fff;border:1px solid rgba(0,0,0,.1);overflow: hidden;}

.fgs_list li{line-height: 30px;height: 30px;}

.fgs_list li a{font-size: 12px;color: #999;display: block;}

.fgs_list li a:hover{background: #006896;color: #fff;}



/*tel*/

.top_tel{float: right;line-height: 30px;font-size: 16px;color: #999; padding-left: 30px;background: url(../images/tel.png) no-repeat left;margin: 28px 0 0 40px;display: none;}





/*nav*/

.nav_bg{float: right;}

.minNav ul{ display:block;}

.minNav ul li{float:left; position:relative; z-index:999;height:90px;line-height:90px;margin-left: 20px;}

.minNav ul li > a{padding:0 25px; font-size:14px;display: block;text-align: center;font-weight: bold;color: #666;}

.minNav ul li:hover > a{color: #006896;}

.dangqian{color: #006896!important;}

/*二级下拉*/

.minNav ul li .Navdrop{width:200px;  position:absolute; left:0; top:90px;z-index:9999; display:none;  background:#fff;border:1px solid #eee;}

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

.minNav ul li .Navdrop p a{height: 40px;line-height: 40px;padding: 0 14px;  display: block;color: #333; border:none; background:none; font-size:12px;overflow: hidden;

transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}

.minNav ul li .Navdrop p a:hover{background: #eee;}

.clear_none{clear: both;}







/*banner*/

.bnzd_bg{position: relative;padding-top: 90px;}

.flexslider{position:relative;overflow:hidden;}

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

.slides li{height: 650px;}

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

.flex-control-nav li{display:inline-block;width:10x;height:10px;margin:0 5px;}

.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;border:1px solid rgba(255,255,255,.4); cursor:pointer;}

.flex-control-nav .flex-active{background: #fff;}



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

.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:4%;background:url(../images/prev.png) center  no-repeat;}

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

/*banner-end*/







/*main*/



/*产品*/

.sycp_bg{background: #f5f5f5;}

.sy_cp{width: 1200px;margin: 0 auto;padding: 60px 0 80px 0;}

.sy_ti{text-align: center;}

.sy_ti h3{font-size: 24px;color: #ccc;font-weight: bold;text-transform: uppercase;padding-top: 25px;background: url(../images/ti_t.png) no-repeat top;

	letter-spacing:3px;}

.sy_ti h2{font-size: 24px;line-height: 40px;color: #333;}

/**/

.sycp_qh{margin-top: 40px;background: #fff; }

.sycp_qh .slideTxtBox .hd{float: left;width: 210px;height: 500px; background:#fcfcfc;}

.sycp_qh .slideTxtBox .hd ul{padding: 60px 30px 0 60px; }

.sycp_qh .slideTxtBox .hd ul li{  cursor:pointer;height: 60px;line-height: 60px;color: #333;font-size: 16px;overflow: hidden; }

.sycp_qh .slideTxtBox .hd ul li.on{ color: #006896; }

.sycp_qh .slideTxtBox .bd{float: right;width: 990px; background: #fff;}

.sycp_qh .bd ul{ }

.sycp_qh .bd li{float: left;width: 330px;height: 500px; background: url(../images/d.jpg) repeat-y left;

	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}

.sycp_qh .bd li a{display: block;padding: 80px 45px 0 45px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}

.sycp_qh .bd li a:hover h3{color: #006896;}

.sycp_qh .bd li:hover{box-shadow: 0 0 50px rgba(0,0,0,.1);}

.sycp_qh .bd li a img{width: 100%;height: 200px;display: block;}

.sycp_qh .bd li a h3{font-size: 16px;line-height: 30px;max-height: 60px;overflow: hidden;margin: 20px 0 10px 0;}

.sycp_qh .bd li a h4{font-size: 14px;color: #666;line-height: 26px;height: 52px;overflow: hidden;}

.sycp_qh .bd li a b{display: inline-block;font-size: 12px;color: #999;text-transform: uppercase;line-height: 30px;border-bottom: 1px solid #ddd;font-weight: normal;margin-top: 10px;}

.sycp_qh .bd li a b:hover{color: #006896;}









/*客服*/

.suspend {width:40px;position:fixed;top:200px;right:0;z-index:9999;}

.suspend dl {width:140px;margin-left:40px;background: #fff;border:1px solid #eee;}

.suspend dl dt {width:40px;position:absolute;top:0;left:0;cursor:pointer;padding: 30px 0;background: #006896;}

.suspend dl dt img{display: block;width: 20px;margin: 0 auto;}

.kfqq {border-bottom: 1px solid #eee;}

.kfqq a{display: block;padding-left:45px;background: url(../images/qq2.png) no-repeat 15px;height: 50px;line-height: 50px;font-size: 12px;}

.kfqq a:hover{background: url(../images/qq.png) no-repeat 15px #f5f5f5; }

.kf_tel{text-align: center;padding: 20px 0;}

.kf_tel h2{line-height: 40px;font-size: 16px;color: #333;}

.kf_tel h3{line-height: 20px;font-size: 14px;color: #999;}
.kf_tel img{display: block;width: 100px;margin: 0 auto;}








/*关于*/

.sygy_bg{background: url(../images/gy_bg.jpg) no-repeat center;}

.sygy_main{width: 1200px;margin: 0 auto;padding: 100px 0;overflow: hidden;}

.gy_zuo{width: 380px;background: rgba(0,0,0,.5);border-radius: 20px;}

.gy_zuo .gy_zi{padding: 40px;}

.gy_zuo h1{font-size: 30px;color: #fff;text-transform: uppercase;line-height: 40px;}

.gy_zuo .sygy_p{font-size: 14px;color: #ccc;line-height: 26px;height: 52px;overflow: hidden;margin: 10px 0;}

.gy_zuo a{display: block;width: 110px;line-height: 36px;height: 36px;text-align: center;border-radius: 50px;color: #fff;font-size: 12px;background: #006896;}









/*新闻*/

.news_bg{background: #f5f5f5;}

.news_main{width: 1200px;margin: 0 auto;padding: 60px 0;}



.xw_zy{overflow:hidden; position:relative;margin-top: 50px; }

.xw_zy  .hd{ overflow:hidden; position:absolute;left: 560px;  bottom:20px; z-index:1;}

.xw_zy  .hd ul{ overflow:hidden; }

.xw_zy  .hd ul li{ display: inline-block; margin:0 2px;  width:20px; height:1px; text-indent:800px;border-radius: 50px; background:#ccc; 

	cursor:pointer;overflow: hidden; }

.xw_zy  .hd ul li.on{ background:#006896; }

.xw_zy .prev{ position:absolute; right:40px; bottom:10px; display:block;width:30px; height:30px;

	background:url(../images/xw_zy_03.png) no-repeat center; }

.xw_zy .next{ position:absolute; right:0; bottom:10px; display:block;width:30px; height:30px;

	background:url(../images/xw_zy_05.png) no-repeat center; }

.xw_zy .prev:hover{opacity: .7;}

.xw_zy .next:hover{opacity: .7;}

.xw_zy .bd{ position:relative;}

.xw_zy .bd li{background: url(../images/xw_hr.jpg) repeat-x top;}

.xw_zy .bd li a{display: block; overflow: hidden;padding: 50px 120px 0 50px;}

.xw_zy .bd li a:hover h2{color: #006896;}

.xw_zy .bd li a img{display: block;float: left;width: 420px;height: 300px;}

.cp_zi_bg{float: right;width: 520px;margin-top:30px;}

.cp_zi_bg h2{font-size: 24px;color: #333;line-height: 50px;height: 50px;overflow: hidden;}

.cp_zi_bg h5{font-size: 14px;line-height: 26px;height: 52px;overflow: hidden;margin: 10px 0 20px 0;}

.cp_zi_bg b{display: block;width: 30px;height: 30px;background: url(../images/xw_more.png) no-repeat center;border-radius: 50px;}

.cp_zi_bg b:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1)}

.xw_x{margin-top: 60px;}

.xw_x ul li{float: left;width: 580px;margin-right: 40px;}

.xw_x ul li a{display: block;padding: 30px 50px;background: #fff;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}

.xw_x ul li a:hover{box-shadow: 20px 20px 0 #eee;}

.xw_x ul li a:hover h2{color: #006896;}

.xw_x ul li a h2{font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;}

.xw_x ul li a h4{font-size: 14px;color: #888;line-height: 30px;height: 30px;overflow: hidden;margin: 10px 0;}

.xw_x ul li a span{display: block;font-size: 12px;color: #999;}

.xw_x ul li a b{display: block;overflow: hidden;margin-top: 10px;}

.xw_x ul li a b h3{font-size: 12px;color: #999;line-height: 32px;height: 32px; width: 80px;text-align: center;float: right;text-transform: uppercase;}

.xw_x ul li a b h3:hover{background: #006896;color: #fff;}

.last{margin-right: 0!important;}











/*底部*/

.footer_bg{background: #222;}

.footer_main{width: 1200px;margin: 0 auto;padding:60px 0;overflow: hidden;}

.db_zuo{float: left;width: 220px;font-size: 12px;line-height: 26px;color: #aaa;}

/*db_c*/

.db_c{float: left;overflow: hidden;padding-left: 80px;margin-left: 80px;background: url(../images/db_hr.jpg) no-repeat left;}

.db_c dl{float: left;margin-right: 60px;}

.db_c dl a:hover{color: #2797cf;}

.db_c dl dt a{font-size: 14px;line-height: 30px;display: block; margin-bottom: 10px;color: #ccc;}

.db_c dl .dblx_dd{padding-left: 80px;background: url(../images/db_hr.jpg) no-repeat left;}

.db_c dl .dblx_dd a{display: block;line-height: 36px;font-size: 16px;color: #aaa;}

.db_c dl .dblx_dd img{display: inline-block;margin: 0 10px 2px 0;vertical-align: middle;}

.db_c dl dd a{font-size: 12px;color: #aaa;line-height: 30px;display: block;}

.banquan{font-size: 12px;color: #999;line-height: 80px;height: 80px;text-align: center;background: #151515;}

.banquan a{display: inline-block;font-size: 12px;color: #999;}













/*内页*/

.ny_bg{background: #f5f5f5;}

.ny_main{width: 1200px;margin:100px auto 0 auto;padding: 20px 0;}









/*ny_content*/

.ny_xq{box-shadow: 0 0 100px #e5e5e5;padding: 100px;}

.ny_xq .xq_nyti{font-size: 30px;margin-bottom: 30px;color: #333;}

.ny_xq .nyxw_date{line-height: 50px;border-bottom:1px solid #eee;margin-bottom: 30px;color: #bbb;font-size: 14px;}

.ny_xq .xqzi_main{line-height: 34px;color: #333!important;margin:30px 0;font-size: 15px;}

.ny_xq .xqzi_main div{line-height: 34px;color: #333!important;font-size: 15px;}

.ny_xq .xqzi_main span{line-height: 34px;color: #333!important;font-size: 15px;}

.ny_xq .xqzi_main img{max-width: 100%!important;margin: 20px auto!important;height: auto!important;display: block;}









.weizhi{width: 1180px; padding-left: 20px;text-align: left;background: url(../images/weizhi.png) no-repeat left;line-height: 50px;margin: 0 auto 20px auto;color: #999;}

.weizhi a{display: inline-block;font-size: 12px;color: #666;}

.weizhi a:hover{color: #006896;}









/*page*/

.page{ overflow:hidden;margin-top: 30px; text-align: center;}

.page a{padding: 0 12px; font-size:12px;line-height:32px;margin:2px; display:inline-block;border:1px solid #e5e5e5; color:#999; 

	text-align: center; transition: 0.5s;border-radius: 50px;}

.page a:hover,.page span{background:#006896;color:#fff;border:1px solid #006896;border-radius: 50px;}

.page span{line-height:32px; height:32px; padding:0 12px; text-align:center; margin:2px; display:inline-block;}

.page a.next-btn{ width:75px;}









/*fanpian*/

.fanpian{line-height: 30px;padding: 30px 0;color: #333;border-top: 1px solid #eee;margin-top: 50px;}

.fanpian a{display: inline-block;color: #333;}

.fanpian a:hover{color: #006896;}

.last{margin-right: 0!important;}









/*关于*/

.ny_title{font-size: 40px;color: #333;margin: 20px 0;font-weight: bold;}

.nygy_zy{overflow: hidden;margin: 80px 0;}

.nygy_zy img{display: block;float: left;width: 400px;}

.nygy_zi{float: right;width: 650px;}

.nygy_zi h1{font-size: 30px;color: #333;font-weight: bold;}

.nygy_zi h2{font-size: 26px;color: #006896;line-height: 50px;}

.nygy_zi .nygy_p{font-size: 14px;line-height: 30px;color: #666;margin-top: 10px;font-weight: 100;}









/*联系*/

.nylx_zy{overflow: hidden;margin: 80px 0;}

.lx_zuo{float: left;width: 450px;}

.lx_li{margin-bottom: 30px;overflow: hidden;}

.lx_li img{display: block;float: left;width: 20px;margin-top: 10px;}

.lx_li .lx_zi{float: right;width: 400px;}

.lx_li .lx_zi h2{font-size: 16px;color: #333;line-height: 30px;height: 30px;overflow: hidden;}

.lx_li .lx_zi h4{font-size: 14px;color: #888;line-height: 26px;height: 26px;overflow: hidden;}

.lx_you{float: right;width: 550px;}

.nylx_bd{}

.nylx_bd h1{font-size: 30px;margin-bottom: 40px;text-align: center;}

.nylx_bd form input{display: block;}

.nylx_bd form .lx_text{height:50px;line-height:50px;padding:0 20px;border:1px solid #eee; display: block;margin-bottom: 20px;background: #f9f9f9;

	outline: none;width: 500px;}

.nylx_bd form .lx_nr{border:1px solid #eee;display: block;padding:10px 20px;outline: none;resize:none;background: #f9f9f9;font-size: 14px;

	width: 500px;margin-bottom: 20px;font-family: "Microsoft YaHei";}

.nylx_bd .tijiao{width: 140px;height: 50px;line-height: 50px;background: #006896; text-align: center;color: #fff;cursor: pointer;border-radius: 3px;}









/*产品*/

.nycp_zy{margin: 80px 0;}

.nycp_list{float: left;width: 790px;}

.nycp_list ul{overflow: hidden;}

.nycp_list ul li{float: left;width: 380px;margin: 0 30px 30px 0;}

.nycp_list ul li a{display: block;position: relative;overflow: hidden;}

.nycp_list ul li a:hover img{transform: rotate(-10deg) scale(1.2);

            -webkit-transform: rotate(-10deg) scale(1.2);

            -moz-transform: rotate(-10deg) scale(1.2);

            -o-transform: rotate(-10deg) scale(1.2);

            -ms-transform: rotate(-10deg) scale(1.2);}

.nycp_list ul li a img{display: block;width: 100%;height: 310px; transition: All 0.5s ease-in-out;

            -webkit-transition: All 0.5s ease-in-out;

            -moz-transition: All 0.5s ease-in-out;

            -o-transition: All 0.5s ease-in-out;}

.nycp_list .nzi_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,.3);}

.nycp_list .nzi_main{padding: 50px;}

.nycp_list .n_zi{margin-top: 140px;}

.nycp_list .n_zi h2{font-size: 26px;color: #fff;line-height: 34px;height: 34px;overflow: hidden;transition: All 0.5s ease-in-out;}

.nycp_list .n_zi h2:hover{opacity: .7;}

.nycp_list .n_zi p{font-size: 12px;color: #fff;line-height: 40px;height: 40px;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.4);}



/*nycp_you*/

.nycp_you{float: right;width: 370px;background: #f2f9fd;}

.y_main{padding: 30px;}

.y_fenlei{margin-bottom: 50px;}

.y_fenlei .y_ti{font-size: 20px;color: #333;line-height: 30px;height: 30px;overflow: hidden;margin-bottom:20px;}

.y_fenlei .y_list a{display: block;line-height: 46px;height: 46px;font-size: 14px; border-bottom: 1px dashed #e5e5e5;color: #666;background: url(../images/y_d.png) no-repeat 300px;}

.y_fenlei .y_list a:hover{color: #006896;}

.y_rm ul li{margin-bottom: 20px;}

.y_rm ul li a{display: block;overflow: hidden;}

.y_rm ul li a:hover .rm_zi h2{color: #006896;}

.y_rm ul li a img{display: block;width: 100px;float: left;height: 72px;}

.y_rm ul li a .rm_zi{float: right;width: 180px;}

.y_rm ul li a .rm_zi h2{font-size: 16px;color: #666;line-height: 40px;height: 40px;overflow: hidden;}

.y_rm ul li a .rm_zi p{font-size: 12px;color: #999;line-height: 20px;height: 20px;overflow: hidden;}



.y_rm_xw ul li{margin-bottom: 20px;}

.y_rm_xw ul li a{display: block;overflow: hidden;}

.y_rm_xw ul li a:hover h2{color: #006896;}

.y_rm_xw ul li a h2{font-size: 16px;color: #666;line-height: 40px;height: 40px;overflow: hidden;}

.y_rm_xw ul li a p{font-size: 12px;color: #999;line-height: 20px;height: 20px;overflow: hidden;}









/*产品详情*/

.cpxq_zy{overflow: hidden;float: left;width: 790px;}

/*左*/

.cpxq_zuo{float: left;width: 400px;}

.sygy_img{overflow:hidden; position:relative;padding-bottom:40px;}

.sygy_img  .hd{ overflow:hidden; position:absolute;text-align: center;  bottom:0; z-index:1;width: 100%; }

.sygy_img  .hd ul{ overflow:hidden; }

.sygy_img  .hd ul li{ display: inline-block; margin:0 2px;  width:10px; height:4px;line-height: 8px; text-indent:800px; background:#ddd; 

	cursor:pointer; }

.sygy_img  .hd ul li.on{ background:#006896; }

.sygy_img .bd{ position:relative;}

.sygy_img .bd li{position:relative;border-radius: 10px; }

.sygy_img .bd li a{display: block;}

.sygy_img .bd li a img{ width:100%;display:block;}

.sygy_img .prev{ position:absolute; left:5px; top:40%;opacity: .7;  display:block;width:40px; height:40px; 

	background:url(../images/prev.png) no-repeat center;background-size: 40px;  }

.sygy_img .next{ position:absolute; right:5px; top:40%;opacity: .7;  display:block;width:40px; height:40px; 

	background:url(../images/next.png) no-repeat center;background-size: 40px;  }

/*右*/

.cpxq_you{float: right;width: 300px;}

.cpxq_you h1{font-size: 20px;line-height: 40px;color: #006896;}

.cpxq_you .cpxq_zhai{font-size: 12px;line-height: 26px;color: #666;margin-top: 20px;padding-top: 20px;border-top: 1px solid #eee;}

/**/

.xq_miaosu{padding: 50px;margin-top: 50px;background: #f5f5f5;}

.xq_miaosu .xqms_ti{font-size: 24px;line-height: 60px;height: 60px; border-bottom: 1px solid #eee;color: #006896;}

.xq_miaosu .cpxq_main{line-height: 30px;color: #333!important;font-size: 15px;}

.xq_miaosu .cpxq_main h2{font-size: 20px;color: #333;font-weight: bold;margin: 40px 0 20px 0;}











/*新闻*/

.nyxw_zuo{float: left;width: 790px;}

.news_ul{}

.news_ul li{margin-bottom:10px;padding-bottom: 10px;border-bottom: 1px dashed #eee;}

.news_ul li a{display: block;padding: 20px;border:1px solid #eee;box-shadow: 0 0 10px #eee;border-radius: 4px;}

.news_ul li a:hover h2{color: #006896;}

.news_ul li b:hover {box-shadow: 0px 20px 40px -16px #ccc;background: #006896;border:1px solid #006896;color: #fff;}

.news_ul li a img{float: left;width: 260px; display: block;height: 180px;}

.news_center{float: right;width: 420px;}

.news_center h2{font-size:16px;line-height: 40px;height: 40px;overflow: hidden;margin-top: 10px;}

.news_center p{color: #666;line-height: 30px;height:30px;overflow: hidden;font-size: 12px;margin: 5px 0;color: #666;}

.news_center span{font-size: 12px;color: #999;line-height: 30px;height: 30px; display: block;}

.news_center b{display: block;width: 80px;line-height: 30px;height: 30px;border:1px solid #eee;text-align: center;font-weight: normal;font-size: 12px;

	color: #aaa;border-radius: 5px;margin-top: 20px;}



