﻿@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: 9999;}
.top_main{width: 1100px;margin: 0 auto;}
.logo{float: left;padding: 15px 0;}
.logo img{height:50px;display: block;}
/*sousuo*/
.sousuo{float: right;position: relative;z-index: 9999999;margin: 20px 0 0 30px;}
.shuru{width:200px;height: 38px;line-height: 40px;padding:0 20px;outline: none;background: #fff;border:1px solid #e9e9e9;border-radius: 4px;}
.tijiao{cursor: pointer;width: 60px;height: 40px;background: url(../images/ss.png) no-repeat center;position: absolute;right: 0;top: 0; z-index: 5;}
/*nav*/
.nav_bg{float: right;}
.minNav ul{ display:block;}
.minNav ul li{float:left; position:relative; z-index:999;height:80px;line-height:80px; }
.minNav ul li > a{ display: block;text-align: center;padding: 0 20px;font-size: 18px;}
.minNav ul li:hover > a{color: #5672f9;}
.dangqian{color: #5672f9;}
/*二级下拉*/
.minNav ul li .Navdrop{width:180px;  position:absolute; left:0; top:80px;z-index:9999; display:none;  background:#fff;
	box-shadow: 0 20px 40px rgba(0,0,0,.1);}
.minNav ul li .Navdrop p{ overflow:hidden;padding: 10px;}
.minNav ul li .Navdrop p a{height: 40px;line-height: 40px;padding: 0 20px; font-size: 14px;color: #666; overflow: hidden;  display: block;
	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*/
.sybn_bg{background: url(../images/banner4.jpg) no-repeat center;height: 550px;background-size: cover;position: relative;margin-top: 80px;}
.sybn_bg .sybn_main{position: absolute;top: 0;left: 0; width: 100%;z-index: 5;height: 100%;background: rgba(0,0,0,.7);}
.sybn_bg .sybn_zi{width: 1200px;margin: 0 auto;padding-top: 100px;text-align: center;}
.sybn_bg .sybn_zi b{display: block;font-size: 65px;color: #fff;margin-bottom: 15px;letter-spacing:20px;}
.sybn_bg .sybn_zi span{display: block;font-size: 20px;color: #fff;line-height: 36px;font-weight: 100;}
.sybn_bg .sybn_zi i{font-size: 50px;color: #5672f9;font-weight: bold;}
.sybn_bg .sybn_zi a{display: block;font-size: 14px;color: #ccc;border:1px solid rgba(255,255,255,.2);width: 140px; line-height: 40px;margin:10px auto 0 auto;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.sybn_bg .sybn_zi a:hover{background: #5672f9;border:1px solid #5672f9;color: #fff;}
/*main*/
/*产品*/
.sycp_bg{background: #f5f5f5;}
.sycp_main{width: 1100px;margin: 0 auto;padding: 50px 0;position: relative;}
.sy_title{text-align: center;margin-bottom: 40px;background: url(../images/ti_b.png) no-repeat bottom;padding-bottom: 15px;}
.sy_title .title_h{font-size: 28px;color: #333;}
.sy_title span{display: block;font-size: 16px;margin: 10px 0; color: #888;}
.cp_list ul li{float: left;width: 350px;margin-right: 25px;}
.cp_list ul li:nth-child(3n){margin-right: 0;}
.cp_list ul li a{display: block;background: #fff;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);overflow: hidden;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.cp_list ul li a:hover{box-shadow: 0 0 20px  rgba(0, 0, 0, .15);}
.cp_list ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}
.cp_list ul li a .c_img{height: 350px;overflow: hidden;}
.cp_list ul li a img{display: block;width: 100%;height: 350px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.cp_list .sycp_p{padding: 20px 20px 40px 20px;}
.cp_list .sycp_p h3{font-size: 18px;color: #333;line-height: 30px;height: 30px;overflow: hidden;}
.cp_list .sycp_p h3:hover{color: #5672f9;}
.cp_list .sycp_p span{display: block;font-size: 14px;color: #888;line-height: 24px;height: 24px;overflow: hidden;margin: 10px 0;}
.cp_list .sycp_p b{display: block;font-size: 14px;color: #5672f9;padding-left: 45px;background: url(../images/xq.png) no-repeat left;line-height: 30px;}
.hf_bg{background: url(../images/hf.jpg) no-repeat center;position: relative;height: 400px;}
.hf_main{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 6;background: linear-gradient(135deg, #499bea 0%, #798eea 100%);opacity: .95; text-align: center;}
.hf_main b{display: block;font-weight: 100;color: #fff;font-size: 50px;margin-top: 80px;}
.hf_main span{display: block;font-size: 20px;color: rgba(255,255,255,.7);margin: 20px 0 50px 0;}
.hf_main a{display: block;width: 200px;line-height: 50px;height: 50px;background: #4aca85;color: #fff;margin: 0 auto;border-radius: 100px;font-size: 16px;
	box-shadow: 0 0 20px rgba(0,0,0,.15);transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.hf_main a:hover{opacity: .8;}
/*新闻*/
.xw_bg{background: #f5f5f5;}
.xw_main{width: 1100px;margin:0 auto;padding: 50px 0;}
.news_list ul li{float: left;width: 254px;margin-right: 28px;}
.news_list ul li:nth-child(4n){margin-right: 0;}
.news_list ul li a{display: block;background: #fff;box-shadow: 0px 3px 38px -13px rgba(0, 0, 0, 0.2);overflow: hidden;padding:30px  20px;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.news_list ul li a:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}
.news_list ul li a h3{font-size: 24px;color: #333;line-height: 30px;height: 60px;overflow: hidden;}
.news_list ul li a h3:hover{color: #5672f9;}
.news_list ul li a span{display: block;font-size: 12px;color: #999;line-height: 40px;}
.news_list ul li a p{display: block;font-size: 16px;color: #888;line-height: 30px;height:90px;overflow: hidden;margin: 10px 0;}
.news_list ul li a b{display: block;font-size: 12px;color: #5672f9;line-height: 30px;}
/*底部*/
.footer_bg{background: #333;}
.footer_main{width: 1100px;margin: 0 auto;padding:60px 0;overflow: hidden;}
.db_logo{float: left;display: block;margin: 10px 0;}
.db_logo img{display: block;height:60px;}
/*db_c*/
.db_c{float: left;overflow: hidden;}
.db_c dl{float: left;margin-right: 80px;max-width: 380px;}
.db_c dl a:hover{color: #fff;}
.db_c dl dt a{display: block; font-size: 16px;line-height: 30px; margin-bottom: 15px;color: #ccc;text-transform: uppercase;}
.db_c dl .dblx_ti{font-size: 16px;line-height: 30px; margin-bottom: 15px;color: #ccc;text-transform: uppercase;}
.db_c dl .dblx_dd{line-height: 34px;font-size: 16px;color: #888}
.db_c dl .dblx_dd img{display: inline-block;vertical-align: middle;margin: 0 10px 2px 0;}
.db_c dl dd a{font-size: 16px;color: #888;line-height: 30px;display: block;}
.banquan{font-size: 14px;color: #777;line-height: 80px;height: 80px;text-align: center;background: #292929;}
.ewm{float: right;text-align: center;}
.ewm img{display: block;width: 120px;}
.ewm b{display: block;font-size: 14px;color: #999;line-height: 30px;font-weight: normal;}
/*内页*/
.ny_bg{background: #f5f5f5;}
.ny_main{width: 1200px;margin: 0 auto;padding: 20px 0;}
.ny_top{padding-top: 100px;}
/*ny_banner*/
.ny_banner{height: 300px;position: relative;margin-top: 80px;}
.bn_title{text-align: center;position: absolute;width: 100%;height: 300px;background: rgba(102,167,226,.7);}
.bn_title h2{font-size: 30px;color: #fff;font-weight: 100;padding-top: 120px;letter-spacing:10px;}
/*xq*/
.ny_xq{box-shadow: 0 0 5px rgba(0,0,0,.1);padding: 50px;border-radius: 5px;}
.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;margin:30px 0;font-size: 15px;}
.ny_xq .xqzi_main div{line-height: 34px;color: #333;font-size: 15px;}
.ny_xq .xqzi_main span{line-height: 34px;color: #333;font-size: 15px;}
.ny_xq .xqzi_main p{line-height: 34px;color: #333;font-size: 15px;}
.ny_xq .xqzi_main img{max-width: 100%!important;margin: 20px auto!important;height: auto!important;display: block;}
.weizhi{line-height: 30px;color: #666;margin-bottom: 10px;}
.weizhi a{display: inline-block;font-size: 12px;color: #666;line-height: 30px;}
.weizhi a:hover{color: #5672f9;}
/*page*/
.page{ overflow:hidden;margin-top: 30px; text-align: center;}
.page a{padding: 0 12px; height:32px; 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:#5672f9;color:#fff;border:1px solid #5672f9;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;}
.ny_title{text-align: center;font-size: 30px;margin-bottom: 20px;}
.ny_dt{font-size: 40px;color: #fff;width: 100%;background: #5672f9;text-align: center;padding: 40px 0;font-weight: 100;text-transform: uppercase;margin-top: 80px;}
/*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: #5672f9;}
/*zy*/
.cp_zy{width: 1200px;margin: 0 auto;}
/*ny_left*/
.ny_left{float: left;width: 280px;color: #fff;box-shadow: 0 0 5px rgba(0,0,0,.1);background: #fff; border-radius: 4px;}
.ny_left .nyzuo_title{padding:20px;text-align: center; border-bottom: 1px solid #eee; }
.ny_left .nyzuo_title h3{font-size: 14px;text-transform: uppercase;color: #999;line-height: 30px;}
.ny_left .nyzuo_title h1{font-size: 26px;color: #5672f9;}
.ny_left .zuo_hr{position: absolute;bottom: 20px;width: 100%;}
.ny_left .nyzuo_list{}
.ny_left .nyzuo_list ul li{height: 60px;line-height: 60px;text-indent:80px;}
.ny_left .nyzuo_list ul li a{display: block;color: #fff;}
.ny_left .nyzuo_list ul li a:hover{color: #333;box-shadow: 0 8px 25px rgba(0,0,0,0.2);}
.left_nav{ }
.left_nav dl dd{  position:relative;}
.left_nav dl dd .nav_right{ width:220px; height:auto; overflow:hidden; position:absolute; left:280px; top:0px; padding: 5px;background:#fff; display:none;
	box-shadow: 0 0 20px rgba(0,0,0,.1);z-index: 66;}
.left_nav dl dd .nav_right a{height:40px;padding: 0 10px; line-height:40px;color:#666; display:block;overflow: hidden;}
.left_nav dl dd .nav_right a:hover{color:#5672f9;background: #eee; }
.left_nav dl dd > a{ height:60px;padding: 0 30px;font-size: 14px; line-height:60px;display:block; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;
	overflow: hidden;color: #333;}
.left_nav dl dd > a:hover{background: #5672f9;color: #fff;}
.ny_dangqian{background: #5672f9!important;color: #fff!important;}
/**/
.cp_zy .ny_you{float: right;width:900px;}
.cp_zy .nycp_list ul{}
.cp_zy .nycp_list ul li{float: left;width: 280px;margin: 0 30px 20px 0;}
.cp_zy .nycp_list ul li:nth-child(3n){margin-right: 0;}
.cp_zy .nycp_list ul a{display: block;border-radius: 6px;overflow: hidden; background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.1);
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.cp_zy .nycp_list ul a img{display: block;width: 100%;height: 280px;}
.cp_zy .nycp_list ul b:hover{background: #5672f9;color: #fff;border:1px solid #5672f9; box-shadow: 0 0 30px rgba(0,100,210,.1);}
.cp_zy .nycp_list ul a:hover{box-shadow: 0 20px 50px rgba(0,0,0,.1);transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}
.cp_zy .cp_zi{padding:10px 30px 20px 30px;}
.cp_zy .cp_zi h3{font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;color: #333;}
.cp_zy .cp_zi b{display: block;width: 100px;line-height: 32px;height: 32px;border:1px solid #eee;border-radius: 5px;border:1px solid #eee;text-align: center;
	font-size: 12px;font-weight: normal;margin-top: 5px;}
/*产品详情*/
.cpxq_bg{float: right;width: 900px;background: #fff;}
.xq_top{padding:0 20px; overflow: hidden;}
.cpxq_left{float: left;width:420px;}
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}
.preview{}
.smallImg{position:relative;  margin-top:10px; overflow:hidden;float:left;}
#imageMenu { overflow:hidden;  float:left;}
#imageMenu ul{overflow: hidden;}
#imageMenu li {overflow:hidden;margin: 0 5px 5px 0; border:1px solid #eee;float:left; text-align:center;}
#imageMenu li img{width:80px;height: 80px; cursor:pointer;display: block;}
#imageMenu li:hover{border: 1px solid #5672f9;}
.bigImg{position:relative; float:left; width:100%; overflow:hidden;border:1px solid #e9e9e9;border-radius: 5px;}
.bigImg #midimg{width:100%; display: block;height:420px;}
.bigImg #winSelector{width:160px; height:160px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
#bigView{position:absolute;border: 1px solid #ddd; overflow: hidden; z-index:999;}
#bigView img{position:absolute;width: 1000px;}
/*右*/
.cpxq_you{float: right;width: 400px;}
.cpxq_you h1{font-size: 30px;line-height: 40px;overflow: hidden;padding-bottom: 20px; margin: 20px 0;border-bottom: 1px solid #e5e5e5;}
.cpxq_zhai{font-size: 14px;line-height: 30px;color: #666;margin-bottom: 20px;}
.cpxq_a{text-align: center;}
.cpxq_a a{display: block;width: 160px;font-size: 14px; line-height: 50px;height: 50px;background: #5672f9;color: #fff;border-radius: 50px;box-shadow: 0 10px 40px #ddd;}
/**/
.xq_miaosu{padding: 30px;}
.xq_miaosu .xqms_ti{font-size: 24px;line-height: 60px;height: 60px; border-bottom: 1px solid #eee;}
.xq_miaosu .cpxq_main{line-height: 30px;color: #333!important;padding:20px 0;font-size: 14px;}
.xq_miaosu .cpxq_main table{width: 100%;border-radius: 10px;}
.xq_miaosu .cpxq_main table .xqbg_ti td{background: #bbb!important;border:1px solid rgba(255,255,255,.3) !important;}
.xq_miaosu .cpxq_main table .xqbg_ti select{border:1px solid #fff;}
.xq_miaosu .cpxq_main table td{padding:5px;line-height: 30px!important; text-align:center;font-size:14px;border:1px solid #ddd;}
.xq_miaosu .cpxq_main span{line-height: 30px;font-size: 14px;color: #333;}
.xq_miaosu .cpxq_main p{line-height: 30px;font-size: 14px;color: #333;}
.xq_miaosu .cpxq_main div{line-height: 30px;font-size: 14px;color: #333;}
/*fanpian*/
.fanpian{line-height: 30px;padding: 30px 0;color: #333;background: #fff;border-top: 1px solid #eee;margin-top: 50px;}
.fanpian a{display: inline-block;color: #333;}
.fanpian a:hover{color: #5672f9;}
/*新闻*/
.nyxw_list ul{}
.nyxw_list ul li{margin-bottom: 20px;}
.nyxw_list li a{display: block;padding: 10px 15px;border-bottom: 1px solid #eee; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;
	-o-transition: 0.5s;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.nyxw_list li a:hover{transform: scale(1.02);background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1)}
.nyxw_list li a:hover h1,
.nyxw_list li a:hover h4,
.nyxw_list li a:hover h2{color: #5672f9;}
.ny_date{ float: right;width: 100px;text-align: center;background: #f2f2f2;padding: 10px 0; border-radius: 10px;}
.ny_date h1{ font-size: 50px;color: #333;font-weight: 100; line-height: 60px; height: 60px;}
.ny_date h4{font-size: 12px;color: #999;}
.nyxw_zi{float: left;width: 650px;}
.nyxw_zi h4{font-size: 18px;line-height: 50px;height: 50px;overflow: hidden;}
.nyxw_zi p{ color: #666;line-height: 30px;height: 30px;overflow: hidden;font-size: 14px;}
/*联系*/
.nylx_bg{background: #eee;background-size: cover;}
.nylx_main{width: 1200px;margin:0 auto;padding: 100px 0;}
.nylx_title{font-size: 40px;color: #333;text-align: center;}
.nylx_list{overflow: hidden;padding: 50px 0;}
.nylx_list ul{overflow: hidden;}
.nylx_list li{width: 400px;float: left;text-align: center;padding-top: 20px;}
.nylx_list li img{display: block;width: 30px;margin: 0 auto 10px auto;padding: 30px;background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.nylx_list li h4{font-size: 18px;line-height: 50px;height: 50px; color: #333;}
.nylx_list li h3{line-height:30px;font-size: 14px;padding: 0 50px;color: #999;}
.nylx_list li a{line-height: 30px;color: #999;display: block;font-size: 14px;}
.nylx_img{display: block;width: 100%;}
.map{width: 100%;margin: 50px auto 80px auto;box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 10px;overflow: hidden;border:10px solid rgba(255,255,255,.1);}
.map .map_img{display: block;width: 100%;height: 400px;}
.ly_main{padding-top: 20px;}
.ly_main input{height: 50px;line-height:50px;display: block;outline: none;}
.ly_main .ly_text{padding:0 10px;width: 550px;border-bottom: 1px solid #ddd;float: left;margin: 0 60px 20px 0;background: none;color: #333;}
.ly_main .ly_text:nth-child(2){margin-right: 0;}
.ly_main .ly_nr{border:none;padding:10px;width: 1180px;border-bottom:1px solid #ddd; outline: none;resize:none;background: none;color: #333;}
.ly_main .ly_tijiao{width: 20%;text-align: center;margin-top: 20px; color: #333;border:2px solid #ddd;background: none; cursor: pointer;
	margin: 40px auto;border-radius: 5px;line-height: 40px;height: 40px;}
/*关于*/
.nygy_main{}
.ny_about{position: relative;height:900px;}
.nygy_img{position: absolute;right: 0;width: 50%;}
.nygy_img img{display: block;width: 100%;}
.nygy_zi{position: absolute;left: 10%;top: 10%; width: 55%;z-index: 5;}
.nygy_zi h4{font-size: 30px;color: #333;margin-bottom: 20px;}
.nygy_p{background: rgba(86,114,249,.9);}
.gy_zi{padding: 15% 10%;line-height: 34px;color: #fff;font-size: 16px;}
/*资质*/
.zzzs_zy{width: 1200px;margin:0 auto;}
.zzzs_zy .ny_you{float: right;width:900px;}
.zzzs_zy .nyzz_list ul{}
.zzzs_zy .nyzz_list ul li{float: left;width: 280px;margin: 0 30px 20px 0;}
.zzzs_zy .nyzz_list ul li:nth-child(3n){margin-right: 0;}
.zzzs_zy .nyzz_list ul a{display: block;border-radius:20px;overflow: hidden; background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.1);overflow: hidden;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.zzzs_zy .nyzz_list ul a img{display: block;width: 100%;height: 400px;}
.zzzs_zy .nyzz_list ul a h4{font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;color: #333;padding: 10px;}