/*重置内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { 
	margin: 0; padding: 0; }
/*a标签下划线 虚线边框*/
a{ text-decoration: none; outline: none; color: #666666; }
body { font-size: 12px; font-family: '微软雅黑'; font-family: '微软雅黑' !important; /*强制IE6字体为宋体*/;}
img { border: 0 none; }
ul { list-style: none; }
input, textarea { outline: none; }
/*浮动 双倍边距*/
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clear { clear: both; }
/*浮动塌陷 定位兼容*/

.w1200 { width: 1200px; margin: 0 auto; zoom: 1; }
.w1200:before, .w1200:after { display: table; line-height: 0; content: ""; }
.w1200:after { clear: both; }
.mw1200 { min-width: 1200px; }
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

/* index begin*/
.head{ width:100%; height:100px; padding: 10px 0; position:fixed; z-index:9999; border-bottom: 1px solid rgba(255,255,255,.3); 
	box-sizing: border-box;}
.head_main { width: 1272px; margin: 0 auto; }
.logo { width:550px; height: 73px; line-height: 73px; }
.logo img { width: 100%; vertical-align: middle; }
.nav{ margin-left:50px; width:660px;}

.banner{ width:100%; height:800px; overflow:hidden; position:relative; left:50%; margin-left:-50%; }
.banner .img li{display:none; position:absolute; top:0; left:0;}
.banner .img li img{display:block; width:1920px; height:800px; -webkit-transition:all 0.75s; transition:all 0.75s;}
.banner .img li:hover img{transform:scale(1.05);}
.banner .num{height:12px; overflow:hidden; position:absolute; bottom:20px; left:50%; margin-left:-14px;}
.banner .num li{float:left; width:12px; height:12px; overflow:hidden; text-indent:-999999px; background:#ffffff; 
	border-radius:100px; margin:0 3px; cursor:pointer;}
.banner .num .active{background:#2565c3;}

/*title*/
.i_title{ width:1200px; margin:35px auto 45px; background:url(../images/i_title_bg.png) no-repeat center bottom; height:55px;}
.i_title h2{ font-size:28px; color:#666666; font-weight:normal; text-align:center; /*width:1150px;*/}

/*首页品牌案例*/
.i_about{ width:1200px; margin:25px auto 75px;}
.i_about dl{ margin:0 45px;}
.i_about dt{ width:460px;}
/*yx_rotaion*/
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);
	-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;
	cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;
	opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}
.rotaion_list li img{ width:460px; height:365px;}

.i_about dt img{ width:460px; overflow:hidden;}
.i_about dd .i_about_main{ width:575px;font-size:16px; color:#333333; line-height:30px; margin-left:60px; text-indent:25px; 
	height:304px; overflow:hidden;}
.i_about dd a{ display:block; width:83px; height:33px; line-height:33px; text-indent:0; background:#2565c3; color:#ffffff; 
	font-size:15px; text-align:center; margin-top:25px; float:right;}

/*产品中心*/
.product_all{ position:relative; /*height:1025px;*/ width:100%; height: 1200px; margin-bottom: 30px;
 }
.product_bg{ background:url(../images/product_bg.jpg) no-repeat center center; height:325px; padding-top:1px;}
.i_product{ width:1460px; height:810px; background:#ffffff; position:absolute; margin:0 auto; top:195px; left:50%; 
	transform: translateX(-50%); }
.tabs{ /*width:1060px;*/ margin:40px auto 20px; height:55px;}
.paoduct_menu { text-align:center; margin:20px auto; display: flex; justify-content: center; }
.paoduct_menu li{float:left;width:130px; height:46px; margin:0 25px; line-height:46px; font-size:16px;text-align:center;
	border-right:none;cursor:pointer;}
.paoduct_menu .on{ background:#2565c3; color:#ffffff; border-radius:6px; width:130px; height:46px; line-height:46px; 
	font-size:16px;}
.main{ /*width:1060px;*/ margin:15px auto;}
.tab{clear:both; display: none; color:#666666; font-size:16px; line-height:30px;}
.box{ /*width: 1060px;*/ margin: 20px auto 0px;overflow: hidden;}
.box li{/*width: 270px;height: 290px;*/overflow: hidden;margin: 30px 30px;float: left;position: relative;background: #f6f6f6;
	width: 406px; height: 380px; }
.box li:nth-child(3n+1) { margin-left: 60px; }
.box li:nth-child(3n) { margin-right: 60px; }
.box li:hover { cursor: pointer; }
.box li img { width: 100%; height:100%;}
.top{position: absolute;z-index:1;height: 5px;width: 0px;top: 0px;width: 0px;}
.bottom{position: absolute;z-index:1;height: 5px;width: 0%;bottom: 0px;right: 0px;}
.left{height: 0;position: absolute;left: 0px;width: 5px;}
.right{height: 0;position: absolute;right: 0px;width: 5px;bottom: 0px;}
.box li a img{ width: 270px !important;height: 290px !important;position: absolute;z-index: 1;top: 0px;left: 5px;}
.box li .boxTxt{position: absolute;z-index: 2;background: rgba(37,101,195,0.6);height: 0px;line-height: 48px;width: 406px;
	text-align: center;color: #fff;bottom: 5px;left: 0;display:block;font-size:16px;}



/*数据*/

.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.numCount{ margin: 0 -10px;}
.numCount li{ float: left; width: 25%; text-align: center;}
.numCount li .item{ margin: 0 10px;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:54px; color:#ffffff;}
.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}
.indc { font-size: 14px; margin-top: 10px;}
.indc,.unitC { color: #fff; }

.joins { background: url(../images/joins.jpg); margin: 0 auto; padding: 65px 0; }
.i_joins { margin-bottom: 0; }
.i_joins dd .i_about_main { margin-right: 60px; margin-left: 0; }
.joins .i_title h2 { color: #fff; }



/*新闻资讯*/
.i_news{ height:605px; margin-top:35px; padding-top:1px; overflow:hidden;}
.i_news_main ul li{ position:relative; width:560px; height:190px; background:#F1F1F1; margin:20px; box-sizing: border-box; 
	border: 2px solid transparent; }
.i_news_main ul li:hover { border: 2px solid #2565c3; }
.i_news_main ul li .more{ display:block; width:35px; height:24px; line-height:20px; text-align:center; font-size:18px; 
	background:#2565c3; color:#fff; position:absolute; right:-2px; bottom:-2px;}
.i_news_main ul li dl{ margin:24px 0 0 19px;}
.i_news_main ul li dl dt{ width:215px; height:144px;}
.i_news_main ul li dl dt img{ width:100%; height:100%;}
.i_news_main ul li dl dd{ width:280px; margin-left:25px; margin-top:10px;}
.i_news_main ul li dl dd h2{ height:22px; overflow:hidden; color:#666666; font-size:16px; margin-bottom:10px;}
.i_news_main ul li dl dd p{ color:#666666; font-size:14px; line-height:23px; height:95px; overflow:hidden;}

/*index end*/


/*当前位置*/
.position{ height:80px; line-height:80px; border-bottom:1px solid #ededed;}
.position dl{ font-size:15px; color:#666666;}
.position dl dt img{ vertical-align:middle; width:26px; height:24px;}
.position a{ color:#666666; margin:0 10px; display:inline-block;}

.z_nav_son{ /*margin-left:300px;*/ display: flex; justify-content: center; }

/*子页面关于我们*/
.z_nav{ padding-top:30px;}
.z_nav .z_nav_son li{ width:130px; height:46px; margin:30px;}
.z_nav .z_nav_son li a{ color:#333333; font-size:16px; border-radius:6px; width:130px; height:46px; line-height:46px; 
	display:block; text-align:center;}
.z_nav .z_nav_son li.li_current a{ background:#2565c3; color:#ffffff;}
.z_about_son{ width:1100px; margin:0 auto; font-size:16px; color:#666666; line-height:30px;}
.z_about_son img{ width:100%; margin:25px 0;}

/*产品列表*/
.z_product{ padding-top:35px;}
.z_product .z_product_son dl{ width:270px; height:325px; margin:15px 5px; text-align:center;border: 2px solid #fff;
	padding: 6px;overflow: hidden;-webkit-transition: 0.5s;transition: 0.5s;}
.z_product .z_product_son dl:hover{-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	border: 2px solid #fff;padding: 6px;}
.z_product .z_product_son dl dt{ width:270px; height:280px;}
.z_product .z_product_son dl dt img{ width:100%; height:100%;}
.z_product .z_product_son dl dd{ font-size:17px; color:#333333; margin-top:15px; height:25px; overflow:hidden;}


/*产品分类*/
.c_product{ border-bottom:1px dotted #e0e0e0; padding-bottom:25px;}
.Cproduct_title{ height:40px; margin:40px 0 18px 0;}
.Cproduct_title h2{ color:#2565c3; font-size:20px; font-weight:normal; border-left:2px solid #2565c3; padding-left:15px; 
	height:25px; line-height:25px;}
.Cproduct_title a{ width:58px; height:26px; line-height:26px; text-align:center; color:#ffffff; background:#2565c3; 
	border-radius:8px;}
.c_product ul li{ width:270px; height:300px; padding:10px; background:#f6f6f6; margin:5px; margin-bottom:15px; text-align:center;transition: 0.3s;}
.c_product ul li:hover{ -webkit-box-shadow: 1px 1px 10px rgba(37,101,195,0.5);box-shadow: 1px 1px 10px rgba(37,101,195,0.5);}
.c_product ul li a img{ width:270px; height:260px; margin-bottom:10px;}
.c_product .font_one{ font-size:16px; padding: 10px 0; } 


/*子页面新闻点击*/
.z_news_list li{ border-bottom:1px dotted #e5e5e5; height:175px; margin:35px 0; padding: 20px 0;}
.z_news_list li dl{ width:1045px;}
.z_news_list li dt{ width:190px; height:140px;}
.z_news_list li dt img{ width:100%; height:100%; margin: 10px;}
.z_news_list li dd{ width:825px; font-size:15px; color:#666666; line-height:25px; margin-left:30px;}
.z_news_list li dd h2{ font-size:20px; color:#363636; margin:10px 0 20px 0; height:25px; overflow:hidden;}
.z_news_list li dd p{ height:55px; overflow:hidden; line-height:30px;}
.z_news_list li:hover { background: rgba(229,229,229,0.9); transition: all 1s;}
/*.z_news_list li:hover dd,.z_news_list li:hover h2 { color: #fff;  }*/
.date{ width:155px; color:#666666; text-align:center; margin-top:35px;}
.date strong{ font-size:25px; display:block;}
.date span{ font-size:16px; display:block; margin-top:10px;}

/*分页*/
 /*pages*/
.pages { width: 100%; margin: 40px auto 0; }
.pages ul { display: flex; justify-content: center; flex-flow: wrap; }
.pages ul li { color: #999; margin:0 10px 10px 0; border: 1px solid #e5e5e5; box-sizing: border-box;min-width: 48px; text-align: center; font-size: 16px;}
.pages ul a:last-child li { margin-right: 0; }
.pages ul a:hover li,.pages ul a.active li { background: #eaa23f; color: #fff; border-color: #eaa23f; }

.pages li a,.pages li span,.pagination p{ min-width: 48px; height: 48px; line-height: 48px; color:#666; display: block; border: 1px solid #e5e5e5;padding: 0 10px;box-sizing: border-box; }
.pagination p {background:#eee!important;}
.pages li a:hover,.pages .active a,.pages .active span,.pagination .cur{ background: #2565c3; color:#fff; border-color: #2565c3; }

/*点击页面*/
.display{ padding:50px 20px;}
.display h2{ text-align:center; font-size:22px; color:#3c3c3c; font-weight:normal;}
.dianji_num{ color:#666666; font-size:15px; margin:30px 0;}
.display_main{ width:1100px; margin:25px auto; font-size:16px; color:#747474; line-height:30px;}
.display_main img{text-align:center; margin:20px 0;}
.share{ border-top:1px dotted #cccccc; margin-top:40px; padding-top:25px;}
.share_l{ width:555px; color:#666666;}
.share_l li{ height:35px; line-height:35px; overflow:hidden;}
.share_l li a{ color:#666666; font-size:16px;}
.share_l li a:hover{ color:#2565c3;}
.share_r{ margin-top:10px;}
.share_r span a{ background:#EDEDED; width:100px; height:45px; color:#666666; display:block; text-align:center; line-height:45px; 
	font-size:16px;}


/*footer*/
#footer{ /*background:url(../images/footer_bg.png) no-repeat center center; */background: #222222;
	height:608px; margin-top:90px; position:relative;}
.footer_son{ padding-top:100px;}
.i_contact{ color:#fff; width:415px; height:368px; border-right:1px solid #ffffff; padding-right:10px;}
.i_contact h2{ font-size:20px; font-weight:normal; padding-bottom:35px;}
.i_contact dl{ padding:23px 0;}
.i_contact dt{ width:35px;}
.i_contact dt img{ vertical-align:middle;}
.i_contact dd{ font-size:16px; width:370px; margin-left:6px;}
.i_contact dd p{ line-height:32px;}
.liuyan{ width:360px; height:368px; border-right:1px solid #ffffff; padding-right:30px; margin-left:55px;}
.liuyan h2{ color:#fff; font-size:20px; font-weight:normal;}
.liuyan_main{ padding-top:35px;}
.liuyan_main input{ display:block; margin:10px 0;}
.liuyan_main .xingming{ border-radius:40px; color:#fff; width:230px; height:36px; background:rgba(0, 0, 0, 0); 
	border:1px solid #ffffff; padding-left:15px; font-size:16px;}
.liuyan_main .tel{ border-radius:40px; color:#fff; width:230px; height:36px; background:rgba(0, 0, 0, 0); 
	border:1px solid #ffffff; padding-left:15px; font-size:16px;}
.liuyan_main .wenben{ border-radius:20px; color:#cbcbcb; width:322px; height:128px; padding-top:10px; background:rgba(0, 0, 0, 0); 
	border:1px solid #ffffff; padding-left:15px; font-size:16px;}
.liuyan_main .tijiao{ border-radius:20px; color:#fff; width:113px; height:40px; background:rgba(0, 0, 0, 0); 
	border:1px solid #ffffff; font-size:16px; cursor:pointer;}
.hezuo{ margin-top:15px; margin-left:40px; width:280px; color:#fff; font-size:15px; line-height:26px;}
.hezuo h2{ font-weight:normal; font-size:16px; margin-bottom:25px;}
.hezuo p{ margin-bottom:5px;}
.copy{ width: 100%; height: 55px; line-height: 55px; font-size:16px; color:#fff; position:absolute; bottom: 0; 
	background: #333; text-align: center;}


/*r-float*/
.r-float { height: 360px; margin-top: -180px; position: fixed; right: 0; top: 50%; width: 100px; z-index: 8; }
.r-float li { background-position: center center; background-repeat: repeat-x; border-radius: 2px; cursor: pointer; display: block;
    height: 88px; margin-bottom: 1px; position: absolute; transition: 1s; }
.r-float li.short-one { background-image: url(../images/float_one.jpg); right: 0; top: 0; width: 100px; }
.r-float li a { width: 100px; display: block; background-position: center center; background-repeat: no-repeat; color: #fff; 
	font-size: 14px; line-height: 28px; padding-top: 60px; text-align: center; }
.r-float li.short-one a { background-image: url(../images/short_one.png);  }
.r-float li.short-two { background-image: url(../images/float_two.png); right: 0; top: 89px; width: 100px; }
.r-float li.short-two:hover,.r-float li.short-one:hover { width: 110px; }
.r-float li.short-two a { background-image: url(../images/short_two.png); } 
.r-float li.long-one { background-image: url(../images/float_three.png); overflow: hidden; right: -184px; top: 178px; 
	width: 284px; }
.r-float li.long-one:hover { right: 0; }
.r-float li.long-one p {  background-position: center center;
	background-repeat: no-repeat;
    color: #fff; float: left; font-size: 14px; line-height: 15px; padding-top: 60px; text-align: center; width: 100px; }
.r-float li.long-one .tel { color: #fff; float: left; font: 24px/88px Arial; height: 88px; text-align: left; width: 184px; }  

.r-float .gotop { width: 100px; height: 88px; background: rgba(37,101,195,.75); position: fixed; right: 0; bottom: 0; 
	transition: 1s;
	display: block; }
.r-float .gotop .icon-top { width: 100%; height: 100%; display: block; background: url(../images/gotop.png) no-repeat center; }


/*enquiry*/
.input { background: url(../images/Enquiry_bg.png)no-repeat; padding: 139px 150px;}
.input_text { width: 800px; height: 60px; border: none; font-size: 16px; float:left;
	border-top-left-radius: 5px; border-bottom-left-radius: 5px; 
	text-indent: 50px; }
.input_sub{ width:100px; height: 60px; background: #2565c3; /*去掉submit按钮默认边框*/ 
 	border:0px; /*改成右浮动也是可以的*/  color:white;/*搜索的字体颜色为白色*/ 
 cursor:pointer;/*鼠标变为小手*/ font-size: 24px; border-top-right-radius: 5px; 
 border-bottom-right-radius: 5px;}
.information { width: 100%; background: #f8f8f8; padding: 40px 0 80px 0;}
.information h4 { color: #333; font-size: 30px; font-weight: normal; text-align: center;}
.information .content { width: 100%; border-bottom: 1px solid #ccc; padding: 50px 30px 0 60px; 
	box-sizing: border-box; display: flex; justify-content: space-between;}
.information .content ul { width: 900px; }
.information .content li {  width: 420px; display: inline-block; height: 25px; line-height: 25px; 
	margin-bottom: 60px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.information .content li h3 { font-size: 20px; color: #333; font-weight: 400;float: left; width: 120px;
 overflow: hidden;}
.information .content em { font-style: normal; font-size: 16px; color: #666; margin-left: 30px;width: 295px;}
.information .content a { width: 170px; height: 60px; line-height: 60px; border-radius: 10px; background: #2565c3; 
	display: inline-block;color: #fff; font-size: 24px; text-align: center; margin-top: 24px;}
.information .content:last-child { border: none; }

/*details*/
.details h4 { font-size: 30px; color: #333; font-weight: normal; text-align: center; margin: 40px 0;}
.details a { color: #fff;  }
.goback { margin:50px auto; width: 170px; height: 60px; line-height: 60px; border-radius: 10px; background: #2565c3;
	font-size: 24px; text-align: center;}
table, td, th { border: 1px solid #ccc;}

table { border-collapse: collapse; width: 685px; margin: auto;}

td { height: 70px; font-size: 16px; color: #666; padding-left: 30px;}
.title { font-size: 20px; color: #333; padding-left: 80px; box-sizing: border-box; width: 243px;}



/*移动端的导航*/
.m_nav { position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; /*height: 100%;*/ 
  background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1;
    visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; 
    transform: translateY(-100%); }
.m_nav.open { transform: translateY(0); }
.m_nav .top { padding: 10px 3%; box-sizing: border-box; display: flex; justify-content: space-between; 
      align-items: center; position: relative;}
.m_nav .top img { height: 60px; }
.m_nav .top .closed { width: 22px; height: 22px; vertical-align: middle; float:right; cursor: pointer; position: absolute; right: 10px;}
.m_nav .ul { /*margin-top: 30px;*/ }
.m_nav .ul li { /*padding: 0 20px;*/ border-bottom: 1px solid #f5f5f5; opacity: 0; transform: translateY(0); 
  -webkit-transform: translateY(100%); transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav.open .ul li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.m_nav .ul li.active>a { color: #eaa23f; }
.m_nav .ul li a { display: inline-block; text-decoration: none; color: #333; font-size: 1rem; height: 50px; 
  line-height: 50px; /*width: 100%;*/ position: relative; padding: 0 20px; }
.m_nav .ul li a span { text-transform: uppercase; }
.m_nav .ul li a span:before { content: "/ "; }
.m_nav .ul li.dropdown>a:after { content:""; width: 18px; height: 18px; display: inline-block; 
  background: url(../images/top2.png); position: absolute; top: 16px; right: 0; }
.m_nav .ul li.active>a:after { background: url(../images/top.png); }
.m_nav .ul li .dropdown_menu{ display: none; }
.m_nav .ul li.dropdown.active .dropdown_menu{ display: block; }
.m_nav .ul li .dropdown_menu a{ display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; 
  border-bottom: 1px solid #f5f5f5; font-size: 1rem; color: #666; }
.m_nav .ul li .dropdown_menu a:last-child{ border: none; }
.m_nav .ul li .dropdown_menu a span { text-transform: capitalize; }
#navToggle { display: none; }

/*wap size*/
@media screen and (max-width: 768px){
		/*index*/
/*body { background-position-x: right }*/
.w1200 { width: 100%; }
.banner .num li { width: 10px; height: 10px; }
.rightFix { display: none !important; }
.head-nav { display: none; }
.logo { height: 60px; margin: 20px 0 20px 10px; }
.logo img { height: 100%; }
.slogan { width: 135px; height: 30px; margin-top: 0;}
#navToggle { display: block; width: 20px; height: 2px; background: #fff;
       box-shadow: 0px 6px 0 0 #fff, 0px -6px 0 0 #fff; float: right; margin: 25px -110px;}
.banner,.banner .img li img { height: 200px; }
.banner .num { right: 50%; transform: translateX(50%); bottom: 20px; }

}

.cont ul{ margin-bottom:12px; margin-left:50px}
.cont ul li{
	 line-height: 36px; font-size:18px;
	}