@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-size: 14px;
	color: #333333;
	font-family: "微软雅黑"
}
* {
	padding: 0px;
	margin: 0px;
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	list-style: none;
	font-weight: normal;
}
input, select {
	font: 100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;
}
button {
	overflow: visible
}
img {
	border: none;
}
a {
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	outline: none;
}
li {
	list-style: none;
}
input, select, button {
	font: 14px Verdana, Arial, Tahoma;
	vertical-align: middle;
}
.clear {
	clear: both;
}
.lf {
	float: left;
}
.rt {
	float: right;
}
.m {
	width: 1200px;
	margin: 0px auto;
}
.con {
	width: 1200px;
	margin: 0px auto;
}
.mm {
	margin-top: 50px;

}
.h60{ height:60px;}
.h30{ height:30px;}

.hei30{ height:30px;}


/*头部*/
.head{ width:100%; height:40px; line-height:40px; background-color:#f0f2f3}
.head font{ float:left;  color:#666 }

.head1 { height:40px; line-height:40px; float:right; font-size:14px; color:#fff; padding:0 15px }
.head1 a{  margin-left:10px; float:left ;color:#666;}

.header{width:100%; background-color:#fff; position:relative; height:99px;}
.logo{width:339px; float:left; margin-top:4px;}
.nav{width:800px; float:right;}
.nav ul li{width:100px; float:left;}
.nav ul li a.y_j{display:block; font-size:15px; line-height:100px; text-align:center;border-bottom:2px solid #fff; }
.nav ul li:hover a.y_j{ border-bottom:2px solid #f29803;}
.nav .ej_xl{width:100%; border-top:1px solid #e7e7e7; background-color:#fff; box-shadow:0 2px 2px #eee; position:absolute; left:0; top:102px; z-index:9999; display:none;}
.nav .ej_xl .z_c{float:left; background-color:#f5f5f5; height:300px;}
.nav .ej_xl .y_c{float:right;}
.nav .ej_xl .l_m{width:65%; float:left;}
.nav .ej_xl .l_m a{font-size:15px; line-height:45px; background:url(head06.png) no-repeat left; display:block; padding-left:25px;width:40%; float:left;}
.nav .ej_xl .l_m a:hover{background:# url(head06_h.png) no-repeat left; color:#f29803; padding-left:25px;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.nav .ej_xl .l_m span{margin-left:50px;}
.nav .ej_xl .t_w{width:360px; text-align:center; margin-top:20px; margin-left:60px;}
.nav .ej_xl .t_w img{width:100%; height:223px; display:block; float:right;}
.nav .ej_xl .t_w h4{font-size:15px; line-height:36px;}
.nav .ej_xl .t_w p{font-size:12px; line-height:20px; color:#777;}
.nav ul li:hover .ej_xl{display:block;}

.z_c p{ color:#063b7d;font-size:18px; font-weight:bold; padding-left:10px; margin-bottom:20px;}




/*标题*/
.gy_bt{width:100%; text-align:center; text-transform:uppercase; padding-bottom:20px; margin-bottom:40px; background:url(../images/bt.png) no-repeat center bottom;}
.gy_bt h2{font-family: "impact"; font-size:38px; line-height:50px; color:#bcbcbc;}
.gy_bt h3{font-size:28px; line-height:44px;}

/*产品  background: url(../images/al.jpg) no-repeat center top; */
.sy_cp{width:100%; padding:50px 0; overflow:hidden; height:auto; }
.sy_cp ul li{width:25%; float:left; position:relative;}
.sy_cp img{width:100%; height:340px; display:block; border:1px solid #f2f2f2;}
.sy_cp .bj{width:100%; height:100%; background-color:rgba(2242,152,3,.8); position:absolute; top:0; left:0; opacity:0;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.sy_cp ul li:hover .bj{opacity:1;}
.sy_cp .wz{width:80%; height:80%; border-top:1px solid #fff; color:#fff; position:absolute; left:10%; top:20%; opacity:0;
transition:all .3s .2s;
-webkit-transition:all .3s .2s;
-moz-transition:all .3s .2s;
-ms-transition:all .3s .2s;
-o-transition:all .3s .2s;}
.sy_cp .wz h3{font-size:22px; line-height:32px; margin:5px 0;}
.sy_cp .wz p{font-size:15px; line-height:27px;}
.sy_cp .wz i{width:100%; position:absolute; bottom:0; left:0; font-size:16px; text-transform:uppercase;}
.sy_cp ul li:hover .wz{opacity:1; top:10%;}

.lj_zx{width:260px; height:60px; margin:70px auto 0; border:2px solid #f29803; color:#d76e12; font-size:20px; line-height:60px; text-align:center; display:block; position:relative; overflow:hidden;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.lj_zx:after{content:''; width:0; height:60px; background-color:#f29803; position:absolute; top:0; left:0;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.lj_zx:hover:after{width:100%;}
.lj_zx a{display:block; position:relative; z-index:999;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s; font-size:20px;}
.lj_zx:hover a{color:#fff;}
.lj_zx i{padding-left:20px;}






/*关于 background:url(../images/sy_bj.jpg) no-repeat center / cover fixed;*/
.sy_js1{width:100%;  padding:20px 0; background:#f9f9f9;}

/*.sy_js1 .gy_bt h1{font-family: "impact"; font-size:38px; line-height:50px; color:#fff;}
.sy_js1 .gy_bt h3{color:#333;}
*/

.sy_js1 .nr{text-align:center; color:#333; font-size:15px; line-height:32px;}
.sy_js1 .lj_zx{border:2px solid #d76e12; color:#d76e12;}
.sy_js1 .lj_zx:after{background-color:#d76e12;}
.sy_js1 .lj_zx a{color:#333;}
.sy_js1 .lj_zx:hover a{color:#fff;}




.sy_js{width:100%; padding:80px 0; background:url(../images/bj2.jpg) no-repeat center / cover; position:relative; overflow:hidden; height:530px;}
.sy_js .lm_bt{width:100%; text-align:center; margin-bottom:20px;}
.sy_js .lm_bt h1{font-size:40px; margin-bottom:20px;}
.sy_js .lm_bt span{width:60px; height:6px; border-radius:6px; margin:0 auto; background-color:#2c7eba; display:block;}
.swiper-js{width:1350px; margin:80px auto; position:absolute; top:0; left:50%; margin-left:-650px !important;}
.swiper-js .swiper-slide{width:100%; opacity:0 !important;}
.swiper-js .swiper-slide.swiper-slide-active{opacity:1 !important;}
.swiper-js .swiper-pagination{text-align:left;}
.swiper-js .swiper-pagination-bullet{width:40px; height:40px; background:url(../images/dd1.png) no-repeat; opacity:1; margin:0  2px!important;}
.swiper-js .swiper-pagination-bullet-active{background:url(../images/dd.png) no-repeat;}
.swiper-js .swiper-pagination-bullets{bottom:60px !important;}
.swiper-js .wz{width:530px; position:absolute; left:0; top:11%;}
.swiper-js .wz h3{font-size:28px; line-height:50px; margin-bottom:20px;}
.swiper-js .wz p{font-size:15px; line-height:32px; margin-bottom:40px;}
.swiper-js .wz a{width:180px; height:60px; background-color:#063d7d; text-align:center; color:#fff; font-size:16px; border-radius:10px; line-height:60px; display:block;}
.swiper-js .wz a:hover{background-color:#666;}
.swiper-js .tp{width:800px; float:right; }
.swiper-js .tp img{width:800px; height:auto; display:block;}



/*新闻中心*/

.guan{ margin-top:50px;}
.hot{ width:1200px;}
.slideGroup{ width:1200px;  }
.slideGroup .parHd{ height:39px; margin:30px 0;  }
.slideGroup .parHd ul{text-align:center }
.slideGroup .parHd ul li{   padding:0px 25px; height:40px;  background-color:#f7f7f7; text-align:center; line-height:40px; margin:0 20px; cursor:pointer; font-size:15px; color:#565656;display:inline-block; border-radius:10px; }
.slideGroup .parHd ul li.on{ background-color:#063d7d; color:#fff;display:inline-block; }
.slideGroup .slideBox{ width:1200px;overflow:hidden; zoom:1; position:relative; }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#063d7d;  }


.container{width:1230px; margin:0 auto; position:relative;}

.container .qrdt { width:1230px; margin:0px auto; margin-top:20px;}
.container .qrdt ul li { width:385px; float:left; margin:0px 12px 0px 13px;}
.container .qrdt ul li .riqi { color:#999; font-family:Arial, Helvetica, sans-serif; line-height:26px; font-size:13px;}
.container .qrdt ul li h3 { font-size:15px;  font-weight:bold; line-height:30px; height:30px;    overflow:hidden; margin-top:5px;}
.container .qrdt ul li p {line-height:24px; font-size:14px; color:#666; overflow:hidden; height:102px;}
.container .qrdt ul li h3 a {font-size:15px;  font-weight:bold;}



.xwpic{ width:520px; background:#f7f7f7; margin-bottom:30px; padding-bottom:10px; float:left}
.xwpic i{ display:block; width:520px; height:292px; overflow:hidden}
.xwpic i img{ width:520px; height:auto; min-height:292px; transition:all 0.6s}
.xwpic  a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xwpic h3{ line-height:45px; padding:0 10px; font-weight:normal; font-size:16px}
.xwpic h3 a{ line-height:45px; padding:0 0px; font-weight:normal; font-size:16px}
.xwpic  span{ display:block; background:url(../images/date.jpg) left center no-repeat; padding-left:20px; color:#999; margin:10px; color:#999}
.xwpic  p{ display:block; margin:0 10px; color:#6e6e6e; line-height:23px; height:46px; overflow:hidden}
.new{ width:650px; float:right}
.new ul li{ margin-bottom:11px; background:#f7f7f7; padding:5px 0; overflow:hidden;transition:all 0.6s}
.new ul li:hover{ background:#063d7d; transition:all 0.6s}
.new ul li .date{ float:left; border-right:#e6e6e6 1px solid; width:105px; text-align:center; height:80px; font-size:14px;  color:#5c5c5c}
.new ul li .date em{ display:block; font-size:30px; font-style:normal; padding-top:20px; line-height:32px;}

.new ul li .xwjs{ float:left; width:490px; margin-left:30px;}
.new ul li .xwjs  h3{ display:block; font-size:16px; font-weight:normal; padding:7px 0; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap;  }
.new ul li .xwjs p{ color:#666; font-size:14px; line-height:25px;}
.new ul li:hover *{ color:#fff}
.new ul li:hover .xwjs *{ color:#fff}

/*合作*/
.m6{ width:98%; margin:40px auto; max-width:1200px; }
.huoban ul li{ float:left; width:23%; margin:1% 0.8%; padding-bottom:10%; position:relative; border:1px solid #f2f2f2;}
.huoban ul li img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; transition:all 0.6s}
.huoban ul li:hover{ background:#fff;box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}

/*foot*/

.foot{min-width: 1200px;}
.foot_t{background: #112543;padding:40px 0; height:280px;color: #FFF;}
.foot .box{}
.foot .box .left{float: left;}
.foot .box .left dl{float: left;padding-right: 60px;}
.foot .box .left dt{margin-bottom: 20px;position: relative;}
.foot .box .left dt:before{content: "";position: absolute;right: -22px;top: 6px;width: 1px;height: 9px;background: #2b394e;}
.foot .box .left dd{line-height: 30px;}
.foot .box .left dd a{color: #8799b2;}
.foot .box .left dd:hover a{color: #8799b2;text-decoration: none;}

.foot .box .right{float: right;width: 300px;background:url(../images/bg4.jpg) repeat-y;padding-left: 30px;padding-bottom: 20px;}
.foot .box .right h2{font-size: 20px; color: #afb6c1;margin-bottom: 20px;font-weight: bold;}
.foot .box .right .txt{line-height: 28px;}
.foot .box .right .txter{margin-top: 20px;}
.foot .box .right .txter ul{}
.foot .box .right .txter li{font-size: 30px;font-weight: bold; background:url(dh.jpg) no-repeat left; padding-left:40px;}
.foot .box .right .txter li i{font-size: 36px;margin-right: 10px;}

.foot .box .right .txtsan{margin-top: 20px;}
.foot .box .right .txtsan ul{}
.foot .box .right .txtsan li{float: left;width: 44px;height: 44px;line-height: 44px;text-align: center;border:1px solid #536278;border-radius: 50px;margin-right: 20px;position: relative;}
.foot .box .right .txtsan li a{color: #536278;display: block;}
.foot .box .right .txtsan li:hover a{color: #536278;display: block;text-decoration: none;}
.foot .box .right .txtsan li i{font-size: 30px; padding-top:8px; display:block;}
.foot .box .right .txtsan .pic{position: absolute;left: 56px;top: 0px;width: 140px;visibility: hidden;opacity: 0;transition: all 0.3s;z-index: 100;}
.foot .box .right .txtsan li:hover .pic{visibility: visible;opacity: 1;}
.foot .box .right .txtsan .pic img{width: 100%;}

.icon-douyin{padding-top:8px; display:block;}




.foot .foot_b{background: #091c38;text-align: center;color: #8799b2;line-height: 24px;padding:30px 0;}
.foot .foot_b .link{color: #FFF;text-align:center;font-size:0px;padding-bottom:20px;}
.foot .foot_b .link p{display:inline-block;font-size:14px;padding:0 10px;}
.foot .foot_b a{color: #8799b2;}
.foot .foot_b:hover a{color: #8799b2;text-decoration: none;}






/*内页*/
/* 内页banner */
  .top_imgbox{
width:100%; 
height:320px; 
position:relative;
z-index:2; 
overflow:hidden;
}
.top_imgbox .top_img{
position:absolute; 
left:50%; 
    top:0; 
width:1920px;
    margin-left:-960px; 
z-index:99;
}

.weizhi{ background:#f5f5f5; line-height:45px}
.weizhi p{ display:block; width:1200px; margin:0 auto}

.nmain{ width:1200px; margin:30px auto; overflow:hidden}

.bt3{ text-align:center; font-size:20px; color:#333; background:url(line4.jpg) center no-repeat; margin-bottom:30px;}
.fenlei{ text-align:center; margin-bottom:30px; overflow:hidden}
.fenlei ul li{ display:inline-block}
.fenlei ul li a{ display:block; border:#d5d5d5 1px solid; padding:7px 20px; margin:10px 5px; border-radius:30px; color:#666}
.fenlei ul li a:hover{ background:#043f7b; border:#043f7b 1px solid; color:#fff}

.fy { text-align:center; margin-top:40px; margin-bottom:40px }
.fy a { width:35px; line-height:26px; background:#ededed; color:#333; font-size:14px; display:inline-block; text-align:center; margin:0 5px }
.fy a:hover,a.cut { width:35px; line-height:26px; background:#063d7e; color:#fff; display:inline-block; margin:0 5px }

/* 新闻 */
.xwlb{ width:1200px; margin:0px auto;}
.xwlb ul li { border:#eaeaea 1px solid;margin-bottom:30px; position:relative; overflow:hidden }
.xwlb ul li i{ display:block; float:left; width:260px; height:160px; overflow:hidden}
.xwlb ul li i img{ width:260px; height:auto; min-height:160px;transition:all 0.6s}
.xwlb ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xwlb ul li .xwzi{ float:left; width:850px; padding-left:30px}
.xwlb ul li .xwzi h3 a{ font-size:16px; color:#323232; display:block; width:100%; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; line-height:45px}
.xwlb ul li .xwzi h3 a:hover{ color:#043f7b}
.xwlb ul li .xwzi  em{ font-style:normal; color:#999; }
.xwlb ul li .xwzi p{ display:block; line-height:23px; height:46px; margin:10px 0; overflow:hidden}
.xwlb ul li .xwzi span a{ display:block; background:#f29803; color:#fff; width:60px; text-align:center; color:#FFF; line-height:23px}



/* 案例 */
.falb ul{ width:1220px;margin:0px auto;}
.falb ul li{ float:left; width:385px; margin-right:10px;margin-left:10px;  background:#f7f7f7; margin-bottom:20px;}
.falb ul li i{ display:block; width:385px; height:260px;text-align:center; overflow:hidden}
.falb ul li i img{ width:auto; height:260px; min-width:385px; transition:all 0.6s}
.falb ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.falb ul li  h3{ display:block; margin:0 10px; line-height:45px; font-size:16px}
.falb ul li  p{ display:block; margin:0 10px; margin-bottom:2px; line-height:22px; padding-bottom:5px; color:#666; height:42px; font-size:14px; overflow:hidden}


/* 关于 */

.about{ width:100%; height:460px; }
/*ab*/

.tu{ width:450px; float:left;  }
.wzl{ width:730px; float:right; font-size:14px; line-height:25px; overflow:hidden;}
.wzl span{ color:#0686f8}
.wzl span a{ color:#d1292e}
.wzl p{ text-indent:32px; color:#313030; font-size:14px; text-align:left;}
.wzl b{ color:#0283cd; font-size:15px; text-align:center; display:block;}


.aboutn{width:1200px; margin:0px auto;  height:auto;}


.aboutn ul li{ float:left;width:355px; height:300px; margin-left:29px; text-align:center;}

.aboutn ul li img{ width:355px; height:300px;}

.aboutn ul li h4{ text-align:center; margin:15px auto;font-size:15px; }




.mr_frbox{height:300px; width:100%; margin-top:10px; }

.mr_frboxz{ width:1240px; margin:0 auto;  height:300px; }

.mr_frBtnL{float:left;margin:110px 0px 0px 0px;cursor:pointer;display:inline; }

.mr_frUl{float:left;height:280px; margin-left:9px; margin-right:6px; margin-top:5px; overflow:hidden; }

.mr_frUl ul li p{ font-size:16px; margin-top:5px; text-align:center;}
.mr_frUl ul li img{ width:280px; height:230px;}

.mr_frBtnR{float:right;margin:110px 13px 0px 0px;cursor:pointer; }

.mr_frUl ul li{display:inline;float:left;height:270px;width:280px;margin-right:5px;overflow:hidden;  margin-left:9px; background-color:#FFF; }


/*
产品服务*/
.xt_lb{width:1200px; margin:50px auto;}
.xt_lb .xt ul{width:1220px;}
.xt_lb .xt ul li{width:380px; margin-right:10px; margin-left:10px; margin-bottom:30px; float:left;}
.xt_lb .tp{width:99.7%; margin:0 auto; overflow:hidden; border-top:1px solid #eaeaea;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.xt_lb .tp img{width:100%; height:230px; display:block;
transition:all 2s;
-webkit-transition:all 2s;
-moz-transition:all 2s;
-ms-transition:all 2s;
-o-transition:all 2s;}
.xt_lb .xt ul li:hover .tp img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.xt_lb .wz{border:1px solid #eaeaea; border-top:0; padding:10px 20px 23px;  overflow:hidden; height:110px;}
.xt_lb .wz h3{font-size:19px; border-bottom:1px solid #eaeaea; line-height:46px; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.xt_lb .wz h3 a{font-size:17px;}
.xt_lb .wz p{font-size:13px; color:#999; line-height:24px;}


/*定制流程*/
.dzlc_ul:before,.dzlc_ul:after {display: table;content: " ";clear:both;}
.section_dzlc {padding:0em 0; position:relative;}
.dzlc {width:75em; margin: auto;}
.dzlc .bt {width:100%; text-align:center;}
.dzlc .bt h4 {color:#333; font-size:1.875em; line-height:2em; font-weight:bold;}
.dzlc .bt p {color:#555; font-size:0.875em; line-height:2em;}

/*fuwu*/
.gybe-main{margin-top:40px; overflow:hidden; margin-bottom:25px}
.gybe-main li{float: left;width:230px;height:200px;margin-right:4px;margin-left:6px; padding:20px 0 20px;}
.gybe-main li p { text-indent:0em}
.gybe-main li a{display: block; width:166px; margin:0 auto;}
.gybe-main li.no{margin-right:0;}
.gybe-main .gm-img{height:136px;background-repeat:no-repeat;background-position: center center;transition: all 0.2s linear 0s; width:100%}
.gybe-main li:hover a  .gm-img{
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}
.sykj{background-image: url("../images/e1.png");}
.jdkj{background-image: url("../images/e2.png");}
.cykj{background-image: url("../images/e3.png");}
.xxyl{background-image: url("../images/e4.png");}
.bgkj{background-image: url("../images/e5.png");}
.ppsj {background-image: url("../images/e6.png");}
.gybe-main .gm-font1{color:#f39801;font-size: 18px;text-align: center; font-weight:bold; margin-top:20px;}
.gybe-main .gm-font2{color:#333;font-size: 14px;text-align: center;margin-top: 10px;}
.w1200 { width:1200px; margin:0 auto}


.fuwu{ width:1000px; line-height:28px; margin:18px auto; color:#666; text-align:center;}
.yingyong ul { position:relative; width:1227px; margin:0 auto;}
.yingyong ul li{ float:left; width:285px;margin-left:9px; margin-right:10px; margin-bottom:24px; height:266px; position:relative; overflow:hidden; border:1px solid #f2f2f2;}
.yingyong ul li img{ width:285px; height:auto; min-height:266px; transition:all 0.6s}
.yingyong ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.yingyong ul li p{ display:block; background-color:rgba(0,0,0,0.8); bottom:0; width:285px; text-align:center; color:#fff; font-size:14px; position:absolute; z-index:99; line-height:40px}
.yingyong ul li:hover p{ background:#f39801}





/*联系*/


.ny_nr{width:1200px; margin:60px auto;}



/*联系我们*/
.cond{ width:100%; height:515px; background:#f5f5f5;}
.con1{ width:480px; float:left; margin-left:0px; margin-top:30px;}
.con1 h1{ font-size:28px; font-weight:bold; color:#fff}
.con1 h2{ font-size:25px; font-weight:bold; color:#fff; background:url(x10.jpg) bottom left no-repeat; padding-bottom:30px; margin-top:5px; text-transform:uppercase}
.con1 p{ font-size:16px; margin-top:10px;  color:#666; line-height:34px;}
.con1 p span{ font-size:18px; font-weight:bold; color:#063c7c; line-height:50px; }
.liu{ width:420px; float:right; margin-right:0px; margin-top:35px; }
.liu h1{ font-size:19px; color:#666; margin-bottom:30px; }
.liu ul li{ width:380px; height:44px; line-height:44px; background-color:#fff; border:#CCC solid 1px; padding-left:15px; margin-bottom:10px;}
.liu ul li img{ float:left; margin-top:10px}
.liu1{ width:350px; height:40px; background:#fff; border:1px solid #fff; color:#666; padding-left:10px; font-size:13px; outline:none; float:left; font-family:"微软雅黑"}
.liu2{ width:375px; height:35px;  line-height:24px;  background:#FFF; border:#CCC solid 1px;padding:5px 10px; font-size:13px; padding-bottom:40px; outline:none;font-family:"微软雅黑"; }
.liu a{ width:395px; height:40px; background-color:#063c7c; line-height:40px; text-align:center; font-size:17px; color:#fff; display:block; margin-top:10px;}


.cond h6{ text-align:center; font-size:30px; color:#073e7f; padding-top:40px; font-weight:bold;}

.d_t{ width:1200px; height:450px; margin:50px auto;}


.map img { width:100%; margin-bottom:30px; margin-top:55px;}


.ctapanel-top { height:50px; width:830px; margin:0 auto;}
.ctapanel-top { text-align:left; font-size:30px; color:#333; line-height:50px; margin-top:40px; padding-left:60px; background:url(ggg.jpg) no-repeat left;}





.ctas li{

	width:33.3%;

	float:left; margin-bottom:35px;

	}

.ctas li .icob{

	width:65px;

	height:65px;

	background:#063e7b;

	border-radius:100%;

	margin:20px auto;

	overflow:hidden;

	}

.ctas li .ico{

	display:block;

	background-position:center center;

	width:100%;

	height:100%;

	background-repeat:no-repeat;

	transition:300ms;

	-webkit-transition:300ms;

	}

.ctas .cta1 .ico{

	background-image:url(../images/l1.png);

	}

.ctas .cta2 .ico{

	background-image:url(../images/l2.png);

	}

.ctas .cta3 .ico{

	background-image:url(../images/l3.png);

	}

.ctas .cta4 .ico{

	background-image:url(../images/l4.png);

	}
.ctas .cta5 .ico{

	background-image:url(../images/l5.png);

	}

.ctas .cta6 .ico{

	background-image:url(../images/l6.png);

	}

.ctas li .en{

	text-align:center;

	text-transform: capitalize; font-size:15px;

	color:#888;

	margin-top:7px;

	}

.ctas li .ch0{

	text-align:center;

	margin-top:12px; margin:0 auto; font-size:15px; width:65%; line-height:30px;

	}

.ctas li:hover .ico{

	transform:translateY(-5px);

	-webkit-transform:translateY(-5px);

	}

.ctas{ margin-top:2.5%;}

.cta_words{

	background:#f6f6f6;

	padding:5% 0 5% 0;

	margin-top:5%;

	}



/*在线留言*/

.m_msg{ margin-top:60px; margin-bottom:50px; }

.m_msg h2{ font-size: 36px; text-align: center; margin: 30px 0 60px; }

.m_msg .top1{ margin-bottom: 27px; overflow:hidden }

.m_msg .top1 .item{ position: relative; border: 1px solid #dedede; overflow: hidden; width: 31%; float: left; margin-left: 3.5%; height: 42px; box-sizing: border-box; }

.m_msg .top1 .item:first-child{ margin-left: 0; }

.m_msg .top1 .item span,.m_msg .msg span{ max-width: 60px; display: block; position: absolute; height: 100%; width: 23%; height: 100%; font-size: 0; }

.m_msg .top1 .item input{ padding-left: 10px; float: right; width: 77%; font-size: 16px; color: #666; box-sizing: border-box; border: none; height: 40px; line-height: 40px; }

.m_msg .name span{ background: #e7e8ec url(../images/icon33.png) center no-repeat;}

.m_msg .email span{ background: #e7e8ec url(../images/icon33.png) center no-repeat;}

.m_msg .mobile span{ background: #e7e8ec url(../images/icon35.png) center no-repeat;}

.m_msg .msg span{ width: 10.9%; background: #e7e8ec url(../images/icon36.png) center no-repeat;}

.m_msg .msg{ float: left; position: relative; width: 65.5%; height: 200px; box-sizing: border-box; border: 1px solid #dedede;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; }

.m_msg .msg textarea{ font-size: 16px; line-height: 22px; width: 89.1%; float: right; border: none; height: 192px; padding: 5px; box-sizing: border-box; }

.m_msg .text1{ padding-top: 20px; width: 31%; margin-left: 3.5%; float: left; color: #666; text-align:left }

.m_msg .text1 .red{ color: #0679af; margin: 14px 0 57px; }

.m_msg .text1 .btn input{ cursor: pointer; border: none; width: 92px; height: 35px; font-size: 16px; color: #fff; padding: 0; text-align: center; background: #999; margin-right: 10px; }

.m_msg .text1 .btn input[type="submit"]{ background: #053c7c; }







.ny_banner{height: 450px;color: #FFF;text-align: center;min-width: 1200px;}
.ny_banner .title{padding-top: 80px;}
.ny_banner .title h2{font-size: 30px;margin-bottom: 10px;font-weight: bold;}
.ny_banner .title p{font-size: 16px;font-weight: 300;}

.top_imgbox2{width:100%; height:450px; position:relative;z-index:2; overflow:hidden;}



.ny_banner .txt{ width:1200px; margin:50px auto;}
.ny_banner .txt ul{font-size: 0px;}
.ny_banner .txt li{font-size: 16px;width: 420px;height: 46px;line-height: 46px;background: rgba(113,184,255,0.2);border-radius: 50px;margin:0 20px 20px 20px;text-align: left;text-indent: 2em;display: inline-block;}
.ny_banner .txt li p{display: flex;justify-content: left;align-items: center;}
.ny_banner .txt li i{font-size: 20px;padding-right: 10px;color: #86ddff;}



/* 方案 */
.ny_nr1 .cp_lb{padding:20px 0; background-color:#fafafa; height:auto; overflow:hidden}
.ny_nr1 .cp_lb img{max-width:100%; height:auto; display:block;}
.ny_nr1 .cp_lb .w_z{margin-top:20px; padding-left:50px;}
.ny_nr1 .cp_lb .w_z h3{background:url(../images/lx1.png) no-repeat left center; text-indent:25px; font-size:19px; line-height:32px; margin-bottom:15px;}
.ny_nr1 .cp_lb .w_z p{font-size:15px; line-height:28px; margin-bottom:40px;}
.ny_nr1 .cp_lb .w_z i{margin-left:15px;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.ny_nr1 .cp_lb .w_z a{width:150px; height:40px; border-radius:5px; background-color:#0950a0; font-size:15px; text-align:center; line-height:40px; color:#fff; display:block;}
.ny_nr1 .cp_lb .w_z a:hover i{margin-left:30px;}
.ny_nr1 .cp_lb.bs{background-color:#fff;}
.ny_nr1 .cp_lb.bs .col-lg-5{float:right;}
.ny_nr1 .cp_lb.bs .w_z{padding-left:0; padding-right:50px;}
.col-lg-5 {
	width: 41.66666667%; float:left
}

.col-lg-7 {
	width: 58.33333333%;float:left
}

.wead {
    width: 1230px; margin:0 auto
}




/*产品*/

.cplist_ri{ width:1220px; height:auto;  margin:0 auto;}
.cplist_ri h2{ font-size:26px; color:#333333; line-height:50px;}

.lis_cp li{ float:left; width:370px; margin-left:31px; text-align:center; margin-bottom:20px;  }
.lis_cp li dl dt{ width:370px; border:1px solid #e1e1e1; padding:10px }
.lis_cp li dl dt img{width:100%; height:auto;  }
.lis_cp li dl dd{ width:370px; height:50px; line-height:50px; text-align:center;}
.lis_cp li dl dd a{ font-size:15px; color:#666;}
.lis_cp li dl dt:hover{ width:370px; border:1px solid #0950a0; padding:10px;  }



/* 产品详情 */
.jianjie{ width:630px; margin-top:20px}
.jianjie h3{ display:block;  line-height:45px; font-size:16px; font-weight:normal; }

.jianjie span{ display:block; background: url(xiazai.png) left center no-repeat; padding-left:20px; line-height:50px;}
.jianjie p{ font-size:14px; line-height:35px; display:block; margin:10px 0; color:#666}
.jianjie span a{ display:block; color:#F00; font-size:16px}

.xqbt{ border-bottom:#043f7b 1px solid; margin-bottom:25px}
.xqbt h3{ display:block; background:#043f7b; line-height:45px; text-align:center; width:120px; font-size:16px; color:#FFF}
.xxjs { font-size:14px; line-height:30px; color:#666}

.btn3{ margin-top:70px}
.btn3 ul li{ float:left; margin-right:15px}
.btn3 ul li a{ display:block;  color:#FFF; padding:10px 30px; font-size:14px; padding-left:60px}
.bj1{ background:url(xiazai3.png)#043f7b 30px no-repeat;}
.bj2{ background:url(xiazai2.png)#043f7b 30px no-repeat;}


.bjbt{ border-bottom:#e5e5e5 1px solid; line-height:50px; overflow:hidden; margin-bottom:30px}
.bjbt h3{ float:left; font-size:23px; font-weight:normal}
.bjbt span{ float:right; font-size:14px}
.baojia p{ font-size:20px; color:#ac1818}




#preview{ float:none; margin:0px auto; text-align:center; width:500px;}
.jqzoom{ width:500px; height:400px; position:relative; border:#e3e3e3 1px solid}
.jqzoom img{ width:500px; height:400px;}

.zoomdiv{ left:859px; height:400px; width:500px;}
.list-h li{ float:left;}
#spec-n5{width:500px; height:90px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:20px; height:45px; float:left; cursor:pointer; margin-top:0px;}
#spec-right{background:url(images/right.gif) no-repeat; width:20px; height:45px; float:left;cursor:pointer; margin-top:0px;}
#spec-list{ width:450px; float:left; overflow:hidden; display:inline; margin-left:5px}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:90px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:64px; height:64px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#fff 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:450px; }
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}





/*悬浮*/
.side{position:fixed;width:75px;right:0;top:60%;margin-top:-200px;z-index:100;background:#063e7b;border-bottom:0}
.side ul li{width:75px;height:65px;float:left;position:relative;border-bottom:1px solid #fff;color:#fff;font-size:12px;line-height:22px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:last-child {border-bottom:0;}
.side ul li:hover{background:#f19904;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 20px;margin-top:10px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png); }
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic5.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#063e7b;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:170px; display:none;color:#363636;text-align:center;padding-top:15px;position:absolute;left:-170px;top:0; background:#f19904; height:auto; height:170px}
.side ul li.sideewm  img{ width:140px; height:auto}

.side ul li.sideetel .telBox.son{width:240px;height:60px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#f19904; line-height:60px; text-align:center; font-size:20px}

.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}





/*支持中心*/
.zhichi h1 { font-size:27px; font-weight:bold; color:#063b7d; line-height:50px;}
.sq ul li  h1 {  height:75px;line-height:75px; font-size: 17px; color:#666; background:url(t34.png) left center no-repeat; padding-left:50px; border-bottom:#f1f1f1 solid 1px; }
.sq ul li  h1  span{ float:right; font-size:14px; color:#999}
.sq ul li:hover  h1 { color:#063b7d; background:url(t35.png) left center no-repeat;}
#box,#box2,#box3,#box4{padding:10px;} 
.boxx{ display:none; width:100%; padding:1.7%; background-color:#f7f7f7;}




.Fl{float: left;}
.Fr{float: right;}

.layout{ width:1200px; margin:20px auto;}
.news_con{margin-top: 30px;}
.news_con .news_con_l{width: 860px;background: #FFF;padding:30px;}
.news_con .title{text-align: center;}
.news_con .title h2{font-size: 30px;}
.news_con .title p{color: #999;margin-top: 20px;font-size: 16px;}
.news_con .box{margin-top: 40px;line-height: 30px;}
.news_con .box p{padding-bottom: 10px;color: #666;font-size: 15px;}
.news_con .box img{width: 100%;}

.sxy{text-align: left;line-height: 24px;border-top: 1px dotted #CCC;border-bottom: 1px dotted #CCC;margin-top: 60px;padding: 10px 0; height:48px;}
.sxy span{padding-left: 20px;}
.sxy .fanhui{width: 120px;height: 40px;line-height: 40px;text-align: center;background: #063d80;margin-top: 5px;}
.sxy .fanhui a{color: #FFF;display: flex;justify-content: center;align-items: center; }
.sxy .fanhui a:hover{color: #FFF;text-decoration: none;}
.sxy .fanhui i{margin-right: 10px;}


.news_con_r{width: 240px;}
.news_con_r .subnav{}
.news_con_r .subnav h2{font-size: 20px;}
.news_con_r .subnav ul{line-height: 30px;margin-top: 10px;}
.news_con_r .subnav li {font-size: 14px;color: #999; background:url(jian.jpg) no-repeat right; border-bottom:1px solid #afafaf; height:38px; line-height:38px;}
.news_con_r .subnav li a:hover{color:#063b7d;}


.news_con_r .xgal{margin-top: 30px;}
.news_con_r .xgal h2{font-size: 20px;}
.news_con_r .xgal ul{margin-top: 20px;}
.news_con_r .xgal li{border-bottom: 1px solid #CCC;padding-bottom: 10px;margin-bottom: 10px;}
.news_con_r .xgal li h3{line-height: 24px;}
.news_con_r .xgal li p{line-height: 30px;color: #999;margin-top: 5px;}


.case_lister{background: #FFF;padding:30px 0;border-top: 1px solid #CCC;}
.case_lister .title{text-align: left;}
.case_lister .title h2{font-size: 24px;}
.case_lister .lister_box{margin-top: 20px;}
.case_lister .pic{width: 300px;float: left;}
.case_lister .pic img{width: 100%;}
.case_lister .txt{float: right;width: 530px;}
.case_lister .txt .bt{font-size: 20px;line-height: 30px;}
.case_lister .txt .txter{line-height: 30px;margin-top: 20px;}
.case_lister .txt .txter p{float: left;width: 33.333%;}




.products_con{}
.products_con .product_con_t{height: 740px;background: url(../images/pic23.jpg) no-repeat center top;}
.products_con .product_con_t .box{padding-top: 80px;}
.products_con .product_con_t .pic{width: 600px; float: left;}
.products_con .product_con_t .pic img{max-width: 100%;}
.products_con .product_con_t .title{float: right;width: 550px;color: #FFF;}
.products_con .product_con_t .title h2{font-size: 46px;font-weight: bold;}
.products_con .product_con_t .title p{line-height: 24px;margin-top: 10px;font-size: 16px;}
.products_con .product_con_t .title ul{margin-top: 40px;}
.products_con .product_con_t .title li{line-height: 40px;background: url(../images/pic25.png) no-repeat left center;padding-left: 20px;font-size: 16px;}

.c_dyip{padding:0px 0;}
.c_dyip .title{text-align: center;font-weight: bold;}
.c_dyip .title .bt{font-size: 30px;}
.c_dyip .title p{font-size: 30px;color: #CCC;}
.c_dyip ul{margin-left: -10%;}
.c_dyip li{float: left;width: 40%;font-size: 16px;height: 150px;border-bottom: 1px solid #EEE;margin-left: 10%;display: flex;justify-content: center;align-items: center;}
.c_dyip li span{width: 40px;border: 2px solid #004b96;display: inline-block;text-align: center;height: 40px;text-align: center;border-radius: 50px;font-size: 24px;color: #004b96;margin-right: 30px;line-height: 40px;}
.c_dyip li p{float: left;width: 460px;line-height: 24px;}

.c_derp{ margin-top:60px;}
.c_derp .title{text-align: center;font-weight: bold;}
.c_derp .title .bt{font-size: 30px;}
.c_derp .title p{font-size: 30px;color: #CCC;}
.c_derp .hd{border-top: 3px solid #004b96;margin-top: 30px;}
.c_derp .hd ul{}
.c_derp .hd li{float: left;width: 16.666%;line-height: 50px;text-align: center;}
.c_derp .hd li.on{background: #004b96;color: #FFF;}
.c_derp .bd{}
.c_derp table{line-height: 50px;text-align: center;}
.c_derp th{font-size: 16px;}
.c_derp td{font-size: 16px;}
.c_derp tr:nth-of-type(odd){background: #F5F5F5;}
.c_derp tr:nth-of-type(even){background: #FFF;}

.c_dsanp{text-align: center;}
.c_dsanp img{max-width: 100%;}
.c_dsanp .qi{background: #F5F5F5;}
.c_dsanp .jiu{background: #F5F5F5;}


.c_tabel .title{text-align: center;font-weight: bold; margin-bottom:30px;}
.c_tabel .title .bt{font-size: 30px;}
.c_tabel .title p{font-size: 30px;color: #CCC;}


.c_tabel{width:1200px;margin:50px auto;}
.c_tabel table{border-top:1px solid #CCC;border-left:1px solid #CCC; font-size:12px;}
.c_tabel td{border-bottom:1px solid #CCC;border-right:1px solid #CCC;padding:10px;}

.c_dsip{padding:50px 0;}
.c_dsip .title{text-align: center;font-size: 30px;color: #004b96;}
.c_dsip .txt{line-height: 30px;margin-top: 20px;}

.c_dwup{background: #F5F5F5;padding:50px 0; height:400px;}
.c_dwup .title{text-align: center;font-size: 30px;color: #004b96;}
.c_dwup .box{margin-top: 30px;}

.c_dwup .al_left{float: left;width: 500px;margin-left: 50px;}
.c_dwup .al_left li{margin-bottom: 10px;text-align: center;}
.c_dwup .al_left .input_txt{height: 50px;width: 100%;box-sizing: border-box;border: 1px solid #DDD;padding:0 10px;outline: medium;}
.c_dwup .al_left textarea{height: 100px;width: 100%;box-sizing: border-box;border: 1px solid #DDD;padding:10px;outline: medium;}
.c_dwup .al_left .input_btn{width: 100px;height: 40px;border-radius: 5px;border: none;background: #004b96;color: #FFF;margin-top: 10px;}

.c_dwup .al_right{float: right;width: 500px;background: #FFF;text-align: center;padding:30px 0;margin-right: 50px;}
.c_dwup .al_right .pic{padding-bottom: 10px;}
.c_dwup .al_right .bt{}
.c_dwup .al_right .txt{margin:0 auto;margin-top: 20px;width: 260px;}
.c_dwup .al_right .txt .bt{float: left;padding-top: 12px;}
.c_dwup .al_right .txt p{color: #F00;font-size: 18px;float: right;}
.c_dwup .al_right .zxzx{width: 160px;height: 40px;border-radius: 5px;line-height: 40px;background: #004b96;color: #FFF;margin: 20px auto ; }
.c_dwup .al_right .zxzx a{color: #FFF;display: block; line-height: 40px;}
.c_dwup .al_right .zxzx a:hover{color: #FFF;display: block;text-decoration: none;}
.c_dwup .al_right .zxzx i{margin-right: 10px;}


.product_con_b{padding:30px 0;}
.product_con_b .title{text-align: center;font-weight: bold;}
.product_con_b .title .bt{font-size: 30px;}
.product_con_b .title p{font-size: 20px;color: #CCC;}
.product_con_b ul{margin-left: -30px;margin-top: 30px;}
.product_con_b li{float: left;margin-left: 30px;margin-bottom: 20px;position: relative;text-align: center;}
.product_con_b li img{width: 380px;height: 280px;}
.product_con_b li p{position: absolute;left: 0px;bottom: 0px;right:0px;height: 50px;line-height: 50px;transition: all 0.3s;color: #FFF;font-size: 16px;background: rgba(0,75,150,0.8);}





