@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset,button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
.content{ width:1300px;margin: 0 auto;}


/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 16px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;font-family: "Microsoft Yahei";}
h2 {font-size: 16px;font-family: "Microsoft Yahei";}
h3 {font-size: 14px; font-family: "Microsoft Yahei"; font-weight:normal;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style:normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style:none;}

/* 重置文本格式元素 */
a {text-decoration:none; color:#666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration:none; color:#666;}
.clear{ clear:both;}
/* 重置表单元素 */
legend {color:#000;} /* for ie6 */
fieldset, img {border:none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
.mt30{ margin-top:30px;}

/* 重置表格元素 */
table {border-collapse: collapse; border-spacing: 0;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle; }
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
/*设置浮动*/
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}

.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}

/*头部*/
.hmtop{ width:100%; height:40px; background:url(../images/02a.jpg) #0064ce no-repeat center;}
.welcome{line-height:40px; color:#fff; float:left;  overflow:hidden; width:400px;}
.hmcity{line-height:40px; color:#ff0000; float:right;  overflow:hidden; text-align:right;}
.hmcity a{ color:#fff;}
.hmtel{line-height:40px; color:#fff; float:right; width:320px; text-align:right;overflow:hidden;}
.hmtel em{ font-size:18px; font-weight:bold; padding-right:5px; line-height:20px; }.hmtel span{ font-size:26px; font-weight:bold; line-height:40px;}
.hmtel i{padding:0px 5px; line-height:20px;}
.width{width:100%;max-width:1300px;min-width:1300px;margin:0 auto;}

.hmlogo{ width:268px; float:left; margin-top:10px;}
.hmlogo img{ width:268px;}

.nav{min-height:100px; max-width:972px;min-width:950px; margin-left:60px; padding-top:30px; float:right; }
.nav .ui-nav{display:flex;}
.nav ul li{}
.nav ul li:frist-child{border-left:0;}
.nav ul li:last-child{border-right:0;}
.nav ul li a{color:#000;line-height:60px;padding:0 36px;font-size:16px;}
.nav ul li.active{background:#0064ce;border-color:#0064ce;}

.nav ul li.active>a{font-weight:500;color:#FFF}
.nav ul li.active>a:hover{color:#FFF;}
.nav ul li.active>a::after{display:block;background-color:#FFF}
.nav ul li ul{border:0;}
.nav ul li ul li{border:0;}
.nav ul li ul li a{line-height:50px;border-bottom:1px solid #f3f3f3;}
.nav ul li ul li:last-child a{border-bottom:0;}
.nav ul li ul li a:hover{background:#0E77EA; color:#fff;}

/*banner*/
.banner{min-width:1300px;z-index:10;background:#fff; }
.banner .carousel-item a{height:560px;display:block;min-width:1300px;width:100%;}
.banner .carousel-page{bottom:25px;}
.banner .carousel-page li{height:6px;width:50px;border-radius:10px;}
.position{padding:0 20px; height:30px; line-height:30px; width:auto; margin:5px auto; float:right;}
.nav ul{z-index:30 !important;}
/*sou*/
.sou{height:117px;margin-top:-40px; z-index: 10; position:relative;}
.sou_box{width: 1300px;padding: 0 20px;box-sizing: border-box;z-index: 10;height: 120px;background: url(../images/sou-line.png) no-repeat 980px center #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1); margin:0 auto;}
.htwd{float: left;width:675px;margin-top: 34px;font-size: 14px;color: #333;line-height: 26px;}
.htwd i{display: block; font-style:normal;}
.htwd p a{color: #7f7f7f;margin-right: 15px;}
.htwd p a:hover{color: #192795;}
.s_box{float: left;width: 244px;height: 40px;border: 1px solid #ddd;box-sizing: border-box;border-radius: 20px;margin-top: 40px;}
.s_box .txt{float: left;width: 190px;padding-left: 20px;height: 38px;line-height: 38px;font-size: 14px;color: #333;border: 0;background: none;outline: 0;}
.s_box .btn{float: left;width: 20px;height: 38px;background: url(../images/sou.png) no-repeat center;border: 0;outline: 0;cursor: pointer;}
.s_box .txt::-webkit-input-placeholder{color:#D0D0D0;}
.s_box .txt::-moz-placeholder{color:#D0D0D0;}
.sou .tel{float: right;padding-left: 40px;background: url(../images/tel1.png) no-repeat left center;margin-top: 34px;}
.sou .tel b{display: block;font-size: 36px;color: #333;line-height:50px;    font-family: DINOT,Arial;}

/*产品展示*/
.content{width:1300px; margin:0 auto; overflow:hidden; clear:both;}
.product{height:766px;}
.pro{padding-top:57px;}
.pro h3{text-align: center; margin-bottom:59px; width:580px; margin:0 auto;}
.pro h3 span{display: block;font-size: 40px; font-weight: bold; line-height: 40px; color:#333333; padding:0 130px; position: relative; margin:0 auto 13px;}
.pro h3 span:before{width:101px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; left:0; bottom:15px;}
.pro h3 span:after{width:101px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; right:0; bottom:15px;}
.pro h3 i{display: block;font-size: 16px; line-height: 16px; color:#666666;}
.pro .pronav{height:50px; margin-bottom:58px; margin-top:30px; position: absolute; z-index:9999999; clear:both;} 
.pro .pronav ul{height:50px; background:#0064ce;}
.pro .pronav ul li{float:left; width:162.5px; height:50px;line-height:50px;position:relative; text-align:left; }
.pro .pronav ul li em{display:block;}
.pro .pronav ul li em a{display: block;font-size: 18px;width:132px;background:url(../images/dbx.png) no-repeat right; color:#FFF; margin-left:20px; margin-right:10px; }
.pro .pronav ul li:before{width:1px; height:50px; background:#FFF; content:""; opacity: 0.5; position: absolute;right:0; z-index:9999999;}
.pro .pronav ul li .proxl{width:245px; height:0; overflow:hidden; background:#f2f2f2; position:absolute; top:50px; left:0; transition:all 0.3s linear; z-index:9999999;}


.pro .pronav ul li .proxl p{ padding-top:20px;padding-left:15px; padding-right:5px;}
.pro .pronav ul li .proxl p a{display:block; font-size:14px; line-height:20px; color:#666666;background:url(../images/yd.png) no-repeat left; margin-bottom:15px; padding-left:10px; }
.pro .pronav ul li:hover em a{background:url(../images/dbx_h.png) no-repeat right;}
.pro .pronav ul li:hover .proxl{height:auto;}
.pro .pronav ul li .proxl p a:hover{background:url(../images/yd_h.png) no-repeat left; color:#da251c; }
.pro .prot{width:640px; height:511px;float:left; position: relative; z-index:100; margin-top:110px; }

.pro .prot:before{width:640px; height:316px;background:#0064ce;content:"";position: absolute; left:0;bottom:0;}
.pro .prot .t{width:578px; height:194px;box-shadow:3px 3px 5px #eeeeee,-3px -3px 5px #eeeeee; margin:0 auto;}
.pro .prot .po{width:578px;height:462px;margin:0 auto;z-index: 200; position: relative; }
.pro .prot .po span{display:block; width:578px; height:423px; overflow:hidden;}
.pro .prot .po span img{width:578px; height:423px; transition:all 0.3s linear;}
.pro .prot .po span:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.pro .prot .po .xp{width:578px; height:70px; position:absolute;left:0; bottom:0;}
.pro .prot .po .xp strong{display:block;float:left; width:470px;  height:70px;padding-top:19px;padding-left:50px;background:#eeeeee;}
.pro .prot .po .xp strong em{display: block; padding-top:13px;position: relative; font-size: 18px; font-weight: bold; color:#333333;}
.pro .prot .po .xp strong em:before{width:39px; height:1px; background:#0064ce;content:""; position: absolute; top:0; left:0;}
.pro .prot .po .xp strong em i{font-size:14px; color:#999999;font-weight:bold; text-transform:uppercase; }
.pro .prot .po .xp .gd{display:block;width:108px; height:70px; background:url(../images/an.jpg) no-repeat center; float:left;}
.pro .prxt ul{width:640px; float:right; margin-top:110px;}
.pro .prxt ul li{float:right;width:318px;height:264px;}
.pro .prxt ul li span{display:block; width:308px; height:209px; box-shadow:3px 3px 5px #eeeeee,-3px -3px 5px #eeeeee; overflow:hidden;}
.pro .prxt ul li span img{width:308px; height:209px; transition:all 0.3s linear;}
.pro .prxt ul li:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.pro .prxt ul li i{display:block; text-align:center; height:40px;font-size: 14px; color:#333333; line-height: 40px;}
.pro .prxt ul li.fr{margin-right:20px;}

#cptj {width:1300px;  height:280px; background-color:#FFFFFF; float:left; margin-top:20px; }
#cptj .co {width:1300px; height:280px; overflow:hidden;}
#cptj .co ul li {width:325px; height:280px; float:left; text-align:center; line-height:30px; font-size:15px;}
#cptj .co ul li a img {width:314px; height:250px; margin:3px 5px 5px 6px;}
#cptj .co ul li a {display:block;}
/*优势*/
.f_pr{position:relative;}
.f_pa{position:absolute;}
.contentys{width:1300px; margin:0 auto; }
.g_ys{padding-top: 83px;height:1438px;}
.ystop h3{text-align: center; margin-bottom:59px; width:580px; margin:0 auto;}
.ystop h3 span{display: block;font-size: 40px; font-weight: bold; line-height: 40px; color:#333333; padding:0 130px; position: relative; margin:0 auto 13px;}
.ystop h3 span:before{width:101px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; left:0; bottom:15px;}
.ystop h3 span:after{width:101px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; right:0; bottom:15px;}
.ystop h3 i{display: block;font-size: 16px; line-height: 16px; color:#666666;}

.g_ys .ysno{position: absolute;left:595px;top:148px;background:url(../images/ysnobg.jpg) no-repeat;width:112px;height: 1198px; padding-top: 54px;}
.g_ys .ysno li{background:url(../images/round1.png) no-repeat;width: 112px;height:112px;padding-top: 20px;text-align: center;font-size: 18px;color: #fff;transition: all 0.3s linear 0s;}

.g_ys .ysno li:hover{background:url(../images/round2.png) no-repeat;transform: translateY(-10px);	}
.g_ys .ysno li em{display: block;width: 56px;margin: 0 auto;}
.g_ys .ysico1{margin-bottom: 226px;}
.g_ys .ysico2{margin-bottom: 152px;}
.g_ys .ysico3{margin-bottom: 206px;}
.g_ys .m_ys1{position:absolute; left:0; top:150px; width:571px;}
.g_ys .m_ys1 dd,.g_ys .m_ys3 dd{background:url(../images/ysk1.jpg) no-repeat;width: 574px;height:253px;padding:15px 40px 0 30px;}
.g_ys .m_ys1 h3,.g_ys .m_ys3 h3{height: 40px;line-height: 40px;margin-bottom:5px;position: relative;padding-left: 56px;font-size: 24px;color: #0072c1;font-weight: bold;}
.g_ys .m_ys1 h3 b,.g_ys .m_ys3 h3 b{font-size: 34px;color: #0072c1;position: absolute;left:0;top:0;}
.g_ys .m_ys1 h3 em,.g_ys .m_ys3 h3 em{color: #333333;font-weight: normal;}
.g_ys .m_ys1 p,.g_ys .m_ys3 p{font-size: 16px;line-height: 30px;color: #666666;}
.g_ys .m_ys1 dl:hover dd,.g_ys .m_ys3 dl:hover dd{background:url(../images/ysk1h.jpg) no-repeat;}
.g_ys .m_ys1 dl:hover h3 em,.g_ys .m_ys3 dl:hover h3 em{color: #0072c1;font-weight: bold;}

.g_ys .m_ys2{position: absolute;right:0;top:150px;width: 574px;}
.g_ys .m_ys2 dd,.g_ys .m_ys4 dd{background:url(../images/ysk2.jpg) no-repeat;width: 574px;height: 253px;padding: 15px 40px 0 50px;}
.g_ys .m_ys2 h3,.g_ys .m_ys4 h3{height: 40px;line-height: 40px;margin-bottom: 15px;position: relative;padding-left: 56px;font-size: 24px;color: #0072c1;font-weight: bold;}
.g_ys .m_ys2 h3 b,.g_ys .m_ys4 h3 b{font-size: 34px;color: #0072c1;position: absolute;left:0;top:0;}
.g_ys .m_ys2 h3 em,.g_ys .m_ys4 h3 em{color: #333333;font-weight: normal;}
.g_ys .m_ys2 p,.g_ys .m_ys4 p{font-size: 16px;line-height: 30px;color: #666666;}
.g_ys .m_ys2 dl:hover dd,.g_ys .m_ys4 dl:hover dd{background:url(../images/ysk2h.jpg) no-repeat;}
.g_ys .m_ys2 dl:hover h3 em,.g_ys .m_ys4 dl:hover h3 em{color: #0072c1;font-weight: bold;}
.g_ys .m_ys3{position: absolute;left:0;top:740px;width: 571px;}
.g_ys .m_ys4{position: absolute;right:0;top:740px;width: 574px;}
.g_ys dt{width: 556px;height: 346px;overflow: hidden;}
.g_ys dt img{width: 556px;height: 346px;display: block;transition: all 0.3s linear 0s;}
.g_ys dt:hover img{transform: scale(1.1);}

.g_ys .m_ys2 dt,.g_ys .m_ys4 dt{margin-left: 16px;}


/*首页服务*/
.dcfw{background:url(../images/fw.jpg) no-repeat center 0; height:705px; padding-top: 78px; overflow: hidden; width:100%;}
.contentfw{width:1200px; margin:0 auto;}
.dcfw h3{text-align: center; margin-bottom:59px; width:580px; margin:0 auto;}
.dcfw h3 span{display: block;font-size: 40px; font-weight: bold; line-height: 40px; color:#333333; padding:0 130px; position: relative; margin:0 auto 13px;}
.dcfw h3 span:before{width:101px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; left:0; bottom:15px;}
.dcfw h3 span:after{width:101px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; right:0; bottom:15px;}
.dcfw h3 i{display:block;font-size: 16px; line-height: 16px; color:#666666;}
.dcfw ul li{width:400px; text-align: center; font-size: 16px; color: #666; line-height: 26px; margin-top:60px; height: 180px; float: left;}
.dcfw ul li i{display: block; font-weight: bold; font-size: 24px; color: #000; padding: 21px 0;}

/*about*/
.about{ position:relative;}
.about h3{ position:absolute;text-align: center; margin-bottom:59px; width:580px; margin:50px auto; left:360px; right:360px; }
.about h3 span{display: block;font-size: 40px; font-weight: bold; line-height: 40px; color:#fff; padding:0 130px; position: relative; margin:0 auto 13px; text-shadow:5px 4px 4px #000;}
.about h3 span:before{width:101px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; left:0; bottom:15px;}
.about h3 span:after{width:101px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; right:0; bottom:15px;}
.about h3 i{display: block;font-size: 16px; line-height: 16px; color:#000; text-shadow:2px 1px 2px #fff;}
.about dl {background: #f1f1f1;}
.about dl dt{background:url(../images/about.jpg) center #ccc; width:100%; height:650px;  }
.about dd{ width:1300px; margin:-220px auto 0; background:#fff; box-shadow:0 0 1rem #ccc; height:205px; z-index:2; position:relative; border-radius:8px; padding:45px 100px 0 100px; font:14px "Microsoft YaHei UI"; text-align:center; line-height:30px; color:#666666;}
.about dd a{ color:#c51c20;}

.pictk{ height:360px;overflow:hidden; background: #f1f1f1;}
.pict{ width:240px; height:292px; padding-top:36px; margin-top:32px; background:#fff; overflow:hidden; float:left;}
.pict h3{ font:16px "Microsoft YaHei UI"; height:46px; width:175px; margin:0 auto 30px; border:1px solid #c6c6c6; border-radius:5px; text-align:center; line-height:46px;}
.pict h3 a{ display:block; color:#000;}
.pict h3 a:hover,.pict .cur a{ font-weight:bold; color:#fff; background:#0064ce; border-radius:5px; }
.pict h3:hover,.pict .cur{ border:1px solid #0064ce; border-radius:5px; }
.pic1{ width:1015px; float:right; overflow:hidden; margin-top:32px;}
.pic2{ height:290px; position:relative;}
.pic3{ overflow:hidden;}
.pic1 li{ width:315px; float:left; margin-right:32px; overflow:hidden; position:relative;}
.pic1 li img{ display:block; width:315px; border:1px solid #eee; box-sizing:border-box; border-radius:6px; height:250px;}
.pic1 li em{display:block;font: 16px "Microsoft YaHei UI"; line-height:50px;color: #000; text-align:center; height:50px; overflow:hidden;}
.pic1 li:hover em{ font-weight:bold; color:#0064ce;}

/*news*/
.juj{ height:723px; overflow: hidden;}
.juj h2{text-align: center; width:580px; margin:50px auto;}
.juj h2 span{display: block;font-size: 40px; font-weight: bold; line-height: 40px; color:#333333; padding:0 130px; position: relative; margin:0 auto 13px;}
.juj h2 span:before{width:101px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; left:0; bottom:15px;}
.juj h2 span:after{width:101px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; right:0; bottom:15px;}
.juj h2 i{display: block;font-size: 16px; line-height: 16px; color:#666666;}
.juj h3{ line-height: 48px; height:48px; font-weight: normal; overflow: hidden;}
.juj h3 span{ display: inline-block; float: right; font-size: 14px; text-transform: uppercase;  line-height:48px;}
.juj h3 span a{ color:#adadad;  line-height:48px;}
.juj h3 i{ display: inline-block; float: left;font-size:20px;color: #000;}

.j_l{ width:614px;}
.j_l h4{ height:282px; overflow:hidden; padding-bottom: 16px;}

.j_r{ width: 614px;}
.j_r ul li{ overflow: hidden; height: 110px; border: 1px  solid #e0e0e0; margin-bottom: 18px;}
.j_r ul li i{ display: inline-block; float: left; width:115px; margin-top: 7px; height: 96px; text-align: center; color: #aeaeae; border-right: 1px solid #e0e0e0;}
.j_r ul li i span{ display: block; font-size: 22px; color: #666; padding-top: 25px; padding-bottom: 6px;}
.j_r ul li em{ display: inline-block; float: right; width: 471px; padding-right: 13px;}
.j_r ul li em a{ display: block; font-size: 17px; color: #000000; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top: 17px;}
.j_r ul li em span{font-size:14px; color: #666; line-height:25px; padding-top:6px; display: block;}
.j_r ul li:hover em a{ color: #0064ce;}
.j_r ul li:hover{ border: 1px solid #0064ce;}

.j_l ul li{overflow: hidden; border-bottom: 1px dashed #d4d4d4; line-height:41px;}
.j_l ul li span{ display: inline-block; float: right; color: #666666; font-size: 14px;}
.j_l ul li a{ display: inline-block; float: left; padding-left:27px;background:url(../images/n_ico.jpg) no-repeat 0 17px; font-size: 15px; color: #000000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;   width: 425px; height: 40px; line-height: 40px;}
.j_l  ul li a:hover{ color: #0064ce;}
/*foot*/
.f_bj{color:#666;clear:both;font-family:"Microsoft Yahei";overflow: hidden; position:relative; background: url(../images/f_bg.jpg) no-repeat center 0;height:561px;}
    .f_cact{  height:195px; float:left;}
    .f_cact h3{ float: left;  font-weight: normal; font-size: 38px; color: #333333; padding-top: 64px; width: 193px;}
    .f_cact ul li{ float: left; line-height: 25px; font-size:20px; color: #333;    padding-right: 9px; background: url(../images/f_li.png) no-repeat right 0; width:170px; margin-left:50px;}
    .f_cact ul{ float: left; overflow: hidden; margin-top: 71px;height: 130px;}
    .f_cact ul li:nth-of-type(2){ margin-left: 113px; margin-right:50px; width:285px; }
    .f_cact ul li:nth-of-type(3){ background: none; width:390px; }
    .f_onl{ overflow: hidden; height: 281px; float: left; width:363px;}
.f_onl h3{ font-size: 0; height: 81px; text-align:center;}
    .f_onl h4{ line-height:50px;font-weight:bold; font-size:28px; color: #fff; letter-spacing: 1px; height: 101px; text-align:center;}
    .f_onl h4 span{ display: block;font-weight: normal; padding-top:6px; font-size: 19px; line-height: 100%; transform: scale(0.8);}
    .f_onl p{ line-height: 100%; font-size: 14px; color: #fff; text-align:center;}
    .f_onl p a{ color: #fff;}
    .f_onl p i{ display: block; margin-bottom: 10px;}

    .f_logo{overflow: hidden; width:553px; float: left; padding-left:65px; height: 203px; border-left: 2px solid #8caad6; border-right: 2px solid #8caad6;}
    .f_logo h3{line-height: 100%; color: #fff; font-size:18px;  margin-bottom:37px;}
    .f_logo ul li{ float: left; line-height:30px;  width: 153px;}
    .f_logo ul li a{ color: #fff; font-size: 16px; }
    .f_con{width: 1300px; margin: 0 auto; }


    .f_r{ float:right; width:261px;}
    .f_r h4{ line-height: 100%; color: #fff; font-size:18px;  margin-bottom:26px;}
    .f_r i{ display: inline-block; float: left; width: 134px;margin-top: 6px; padding-top: 112px; line-height: 100%;color: #b8bfd6; font-size: 14px;background:  url(../images/f_r.png) no-repeat;}
    .f_r i span{ display: block; padding-top: 10px;}
    .f_r em{ display: inline-block;  border: 1px solid #4b6ba3; width: 125px; height:125px; padding: 17px; border-radius: 7px;}
    .f_r em img{ width: 91px;}
    .f_m{ height: 75px; line-height: 75px; color: #a7b9dc; width: 1200px; margin: 0 auto;position:relative;}
    .f_m a{ color: #a7b9dc; padding: 0 7px;} .f_m span{ padding: 0 22px;}
    .f_m i{ display: inline-block; float: right; margin-right: 76px;}
    .f_top{ position: absolute; right: 0; bottom: 0; width: 75px; height: 119px; line-height: 0; font-size: 0;}
        .f_cact ul{    float: right;    overflow: hidden;    margin-top: 71px;    margin-right: -99px;}




.contentt{ width:1280px; margin:0 auto;}

/*产品系列*/
.hf_top h2{ display: block;font-size: 40px;color: #333333;line-height: 40px;text-align: center;font-weight: bold;position: relative; padding-top:30px; padding-bottom:40px; width:1000px; margin:0 auto; overflow:hidden;}
.hf_top h2:after{ position: absolute;left:50%;top:96px;width: 69px;height: 4px;margin-left: -35px;background: url(../images/tit.png) no-repeat center;content: ""; }
.pt30{ padding-TOP:30PX;}
.prosy{width:1300px; margin:0 auto; overflow:hidden;}
.yunu-prd-in {padding-TOP:40PX; padding-bottom:40PX }
.yunu-prd-sd {width: 308px;height:auto;border:3px solid #0f48b6;border-top: 0;float: left;  padding-bottom:20px;}

.yunu-prd-sd-title {background:#0f48b6;text-transform: uppercase;overflow: hidden;padding:5px 0 0 0;height: 81px;font-size: 0;text-align: center;margin-bottom: 20px; color:#fff;}
.yunu-prd-sd-title strong {width: 40px;font-size:54px;line-height: 1;display: inline-block;vertical-align: middle;}
.yunu-prd-sd-title span {display: inline-block;vertical-align: middle;font-size:30px;font-weight: bold;text-align: left;margin-left: 10px; font-family: "Microsoft YaHei"; margin-top:15px;}
.yunu-prd-sd-title span a{ color:#fff;}
.yunu-prd-sd-title span small {display: block;font-size: 16px;font-weight: normal; line-height:30px;}
.yunu-sideMenu {padding: 0 10px;}
.yunu-sideMenu h3 {margin: 7px 0 0; font-size:18px;}
.yunu-sideMenu h3 a {display: block;background: url(../images/fen_bg1.png) no-repeat 0 0;padding-left:36px;color:#fff;line-height:38px;}
.yunu-sideMenu h3 a:hover {background-image: url(../images/fen_bg2.png);}
.yunu-sideMenu ul .yunu-sideMenu dd {padding: 0 0px 5px 0px;}
.yunu-sideMenu dd{ line-height:32px;}
.yunu-sideMenu li {width:100%; float:left; border-bottom: 1px dashed #ccc;}
.yunu-sideMenu li a {display: block;line-height: 33px;background: url(../images/fen_dot.png) no-repeat left center;padding-left:10px;color: #000; float:left; margin-left:2px; float:left; font-size:14px;}
.yunu-sideMenu dt{ width:275px; margin-top: 28px; overflow: hidden; border: 1px solid #dbdbdb;  padding: 8px; transition: all .5s linear;}
.yunu-sideMenu dt:hover{border: 1px solid #f77836;}
.yunu-sideMenu dt:hover .item-img img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.yunu-sideMenu dt:hover .item-title {color: #f77836;}
.yunu-sideMenu dt .item-img { display: block; width: 100%; overflow: hidden;}
.yunu-sideMenu dt .item-img img {display:block; width:100%;transition:all .5s linear; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.yunu-sideMenu dt .item-title {height: 40px;line-height: 40px; font-size: 18px;transition: all .5s linear; display: block; width: 100%; text-align: center; font-weight: bold; color: #fff; overflow: hidden;}
.yunu-prd-sd .more a{display:block;margin-top:10px;background-color:#1e50ae;border-radius:3px;text-align:center;line-height:36px;color:#fff;}


/*产品中心 end*/

#wrapper{ width:100%;}
.width{width:100%;max-width:1300px;min-width:1300px;margin:0 auto; }
/*友情链接*/
.link {height:100%;overflow:hidden;padding-top:30px; padding-bottom:5px; width:1280px; margin:0 auto;}
.link p{ line-height:22px; color:#666; padding-top:10px; font-family:"Microsoft Yahei"; padding-bottom:10px; font-size:16px; font-weight:bold;}
.link p a{ color:#666; padding:0 8px; display:inline-block; font-size:14px; font-weight:normal;}
.position{padding:0 20px; height:30px; line-height:30px; width:auto; margin:5px auto; float:right;}
.content{width:1300px; margin:0 auto; overflow:hidden;}
.left{float: left;}
.right{float: right;}
/*搜索*/


/*在线咨询*/

.container{min-height:300px;}
.container .width{margin:30px auto;}
.container-left{width:308px; margin-right:30px;}
.container-right{flex:1; overflow:hidden; margin-top:0px;}


/* public begin */
.piclist-title{padding:6px 10px;font-size:14px;}
.piclist-image img{transition:all 1s}
.piclist-image:hover img{transform:scale(1.2);}

.ui-sidebar ul li a{color:#0E77EA;}
.ui-sidebar ul li a:hover{background:#0E77EA;border-color:#0E77EA;}
.ui-sidebar ul li.active a{background:#0E77EA;border-color:#0E77EA;}

.ui-box{box-shadow:0px 0px 30px rgba(0,0,0,0.1);border:1px solid #f3f3f3;background:#fff;}
.ui-box-radius{border-radius:20px 0 0 0;}
.ui-box-radius .ui-box-title{border-radius:20px 0 0 0;}
.ui-box-title{background:linear-gradient(90deg, #0E77EA 0%, #0e579b 100%);color:#fff;font-size:24px;font-weight:400;padding:30px;}
.ui-box-title span{display:block;font-size:14px;color:#eaeaea;font-weight:300;text-transform:uppercase;line-height:30px;}

.collapse-menu{margin:15px 0;}
.collapse-menu-title a{transition:all 0.5s ease;}
.collapse-menu-title:hover a{padding-left:10px;}
.collapse-menu-body li a{transition:all 0.5s ease;}
.collapse-menu-body li a:hover{padding-left:10px;}
.collapse-menu-body li i{color:#999;}
.collapse-menu-body ul li.active i{color:#1890FF;}
.collapse-menu-body ul li.active a{color:#1890FF;}
/*.ui-box-nav ul{list-style:none;margin:20px 0;}
.ui-box-nav ul li{}
.ui-box-nav ul li span{float:right;color:#999;display:block;line-height:40px;margin-right:15px;}
.ui-box-nav ul li a{display:block;border-bottom:1px solid #f3f3f3;line-height:40px;padding-left:24px;font-size:14px;color:#555;transition:all 0.5s ease;}
.ui-box-nav ul li a:hover{background:#efefef;color:#333;padding-left:36px;}
.ui-box-nav ul li:last-child a{border-bottom:0;}
.ui-box-nav ul li.active a{background:#efefef;color:#333;}
.ui-box-nav ul li ul{background:#fff;margin:0 20px;}
.ui-box-nav ul li ul li{background:#fff;}
.ui-box-nav ul li.active ul li a{background:none;}*/

.ui-box-h2{font-size:24px;padding:20px 30px;border-bottom:1px solid #eaeaea;position:relative;}
.ui-box-h2:after{position:absolute;display:block;content:"";border-bottom:3px solid #3d3d3d;bottom:0;left:30px;width:45px;}
.ui-box-body{padding:25px 30px;word-break:break-all;min-height:380px;}
.ui-box-body .col-10{max-width:760px;}

.ui-box-body img,.ui-box-body p img{max-width:100%;}
.ui-box-body p{margin-bottom:20px;line-height:24px;}
.ui-box-body .content a{color:#03C;}
.ui-box-body .content a:hover{color:#f30;}

.artlist{}
.artlist-item{display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06);min-height:160px;padding:30px 0;}
.artlist-item:first-child{padding-top:10px;}
.artlist-item-image{width:200px;margin-right:30px;}
.artlist-item-image img{width:100%;max-height:140px;border-radius:4px;}
.artlist-item-image svg{width:100%;text-anchor:middle;border-radius:4px;border:1px solid #eaeaea;}
.artlist-item-body{flex:1;overflow:hidden;padding-right:20px;}
.artlist-item-body .title{font-size:18px;font-weight:300;}
.artlist-item-body .desc{font-size:13px;color:#b5b5b5;line-height:24px;margin-top:15px;}
.artlist-item-body .desc p{margin:0;}
.artlist-item-body .tags{color:#999;margin-top:15px;}
.artlist-item-body .tags a{margin:0 6px;font-size:13px;font-family:arial,microsoft yahei;color:#666;}
.artlist-item-body .tags a:hover{color:#f30;}
.artlist-item-date{width:120px;padding:40px 0 0 40px;font-size:28px;color:#999;font-weight:300;position:relative;}
.artlist-item-date:after{display:block;content:"";width:1px;height:60px;background:#f3f3f3;left:10px;top:32px;position:absolute;}
.artlist-item-money{width:200px;font-size:18px;color:#F60;}
.artlist-item-money span{display:block;font-size:14px;color:#999;line-height:36px;font-weight:500;}
.artlist-item-money:after{height:80%;}
.artlist-item:hover .artlist-item-date{color:#1890FF;}
.artlist-item:hover .artlist-item-body .title{color:#1890FF;}
.artlist-item:hover .artlist-item-body .desc{color:#666;}

.artshow{}
.artshow h1{font-size:24px;font-weight:bold;margin:0;}
.artshow .info{line-height:50px;border-bottom:1px solid #f3f3f3;margin-bottom:20px;color:#666;}
.artshow .info span{color:#999;}
.artshow .info i{color:#ccc;margin-right:5px;}
.artshow .other{margin:15px 0;padding:0px;font-size:14px;}
.artshow .other ul{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;}
.artshow .other ul li{width:25%;line-height:30px;}
.artshow .other ul li span{color:#999;}
.artshow .content a{color:#03C;}
.artshow .content a:hover{color:#f30;}
.artshow .content p{margin-bottom:20px;line-height:24px;}
.artshow .content *{max-width:100%;}
.artshow .action{display:flex;justify-content:center;margin:30px 0 10px 0;}
.artshow .action a{display:block;cursor:pointer;margin:0 15px;width:70px;height:70px;margin-bottom:10px;line-height:60px;text-align:center;border-radius:50%;box-shadow:0px 0px 30px rgba(0,0,0,0.1);position:relative;}
.artshow .action a i{font-size:30px;color:#999;}
.artshow .action a em{display:block;font-size:12px;font-family:verdana;color:#999;position:absolute;bottom:-15px;left:0;right:0;}
.artshow .action a:hover{box-shadow:0px 0px 30px rgba(0,132,255,0.3)}
.artshow .action a:hover i{color:#1890FF;}
.artshow .tags{color:#999;margin:15px 0;}
.artshow .tags a{margin:0 10px 10px 0;}

.proshow{}
.proshow .col-left{width:45%;border-right:1px solid #f3f3f3;padding:20px 3%;}
.proshow .col-left .big_pic{text-align:center;}
.proshow .col-left .big_pic img{max-width:100%;}
.proshow .col-left .thumb_pic{margin:30px 0 0 0;text-align:center;}
.proshow .col-left .thumb_pic ul{margin:0 auto;}
.proshow .col-left .thumb_pic ul li{display:inline-block;margin-right:5px;width:60px;height:60px;border:1px solid #eaeaea;padding:0px;cursor:pointer;position:relative;z-index:1;}
.proshow .col-left .thumb_pic ul li.active{border:1px solid #2DB7F5;background:#fff;}
.proshow .col-left .thumb_pic ul li.active:after{content:" ";position:absolute;right:24px;top:-5px;width:11px;height:11px;border:#2DB7F5 solid 1px;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff;z-index:-1}

.proshow .col-right{width:55%;padding:20px 3%; overflow:hidden;}
.proshow .col-right h1{font-size:24px;font-weight:bold;}
.proshow .col-right .intro{font-size:15px;color:#888;margin:10px 0; line-height:32px; width:630px; overflow:hidden;}
.proshow .col-right .attribute{list-style:none;margin:10px 0;}
.proshow .col-right .attribute li{font-size:14px;line-height:30px;}
.proshow .col-right .attribute li em{display:inline-block;width:60px;font-style:normal;color:#999;font-size:14px;}
.proshow .col-right .price{font-size:14px;line-height:30px;margin:20px 0;}
.proshow .col-right .price span{font-size:26px;color:#f60;}
.proshow .col-right .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px;}
.proshow .col-right .tags{color:#999;margin:15px 0;}
.proshow .col-right .tags a{margin:0 10px 10px 0;}
.proshow .col-right .pro_zxdh{margin:15px 10px; font-size:16px; font-weight:700; height:50px; line-height:50px; background:#0e579b; width:290px; text-align:center; float:left;}
.proshow .col-right .pro_zxdh a{margin:0 10px 10px 0; color:#fff;}
.mt-15{ margin-top:15px;}
.proshow_content{padding:20px 0;}
.proshow_content a{color:#03C;}
.proshow_content a:hover{color:#f30;}
.proshow_content p{margin-bottom:20px;line-height:24px;}
.proshow_content p img{max-width:100%;}

.proshow_content .extend{list-style:none;}
.proshow_content .extend li{font-size:14px;line-height:30px;}
.proshow_content .extend li em{display:inline-block;width:120px;font-style:normal;color:#999;font-size:14px;margin-right:15px;}

.quicklogin{padding:20px 0;text-align:center;}
.quicklogin .line{margin:20px auto;max-width:86%;font-weight:400;font-size:18px;color:#666;}
.quicklogin a{display:inline-block;text-align:center;margin:0 10px;color:#999;font-size:12px;transition:all .3s ease 0s;}
.quicklogin a:hover{transform:translate3d(0,-5px,0);}
.quicklogin a span{display:block;width:45px;line-height:45px;border-radius:50%;text-align:center;background:#f3f3f3;font-size:24px;margin-bottom:10px;}
.quicklogin a span.blue{background:#E7F7FE;color:#1890FF;}
.quicklogin a span.red{background:#FFF1F8;color:#ED4014;}
.quicklogin a span.green{background:#E6F8E6;color:#19BE6B;}

.user_info{padding:20px 30px;display:flex;}
.user_info .face{width:160px;padding-right:20px;cursor:pointer;}
.user_info .face img{border-radius:50%;border:1px solid #f3f3f3;padding:4px;width:120px;height:120px;}
.user_info .info{flex:1;overflow:hidden;}
.user_info .info p{margin:0;padding:10px 0;}
.user_info .info p span{color:#f30;}
.user_info .info ul{margin:0;padding:0;list-style:none;}
.user_info .info ul li{font-size:16px;line-height:55px;height:55px;border-bottom:1px dashed #eee;vertical-align:middle;float:left;width:45%;margin-right:5%;}
.user_info .info ul li span{color:#f30;}
.user_info .info ul li em{color:#999;font-style:normal;display:inline-block;margin-right:5px;}

.pay{margin:0 0 -10px;padding:0;list-style:none;display:flex;}
.pay li{min-width:200px;margin:0 10px 10px 0;cursor:pointer;}
.pay li div{border:1px solid #efefef;text-align:center;position:relative;}
.pay li div img{max-width:100%;height:65px;}
.pay li div i{position:absolute;right:2px;bottom:0px;font-size:12px;color:#fff;z-index:10;display:none;}
.pay .active div:before{position:absolute;content:"";right:0;bottom:0;color:#1890FF;width:0;height:0;border-bottom:30px solid #1890FF;border-left:30px solid transparent;z-index:10;}
.pay .active div{border-color:#90BAFF;}
.pay .active div i{display:block;}

.order-base{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 20px 20px;}
.order-base-left{flex:1;overflow:hidden;border-right:1px solid #f3f3f3;}
.order-base-left h1{font-size:24px;font-weight:400;color:#666;}
.order-base-left h1 i{font-size:34px;color:#1890FF;margin-right:10px;}
.order-base-left p{padding-left:46px;color:#f30;margin:0;}
.order-base-left p span{color:#999;}
.order-base-right{text-align:center;font-size:18px;font-weight:400;color:#999;padding-left:30px;}
.order-base-right em{color:#f30;}
.order-goods{border:1px solid #f3f3f3;border-radius:4px;}
.order-goods .collapse-menu-title a{font-size:16px;}
.order-goods .collapse-menu-title a:hover{padding-left:0;}
.order-goods .collapse-menu-title.active{background:#fafafa;}
.order-goods .collapse-menu-title.active a{color:#1890FF;}
.order-goods .collapse-menu-title a span{color:#1890FF;font-size:16px;margin-right:15px;}
.order-goods .collapse-menu-body li span{color:#999;}
.order-goods .collapse-menu-body li:last-child{border-bottom:0;}
.order-pay{margin:20px 0;}
.order-pay ul{max-width:50%;}

/*BBS*/
.bbs{position:relative;}
.bbs-left{width:300px;padding:30px 0;}
.bbs-left-title{color:#526069;font-weight:500;font-size:20px;padding-left:30px;}
.bbs-left-nav{list-style:none;margin:20px 0;}
.bbs-left-nav li{line-height:45px;margin-bottom:1px;}
.bbs-left-nav li a{color:#76838f;display:block;font-weight:400;padding-left:30px;font-size:16px;}
.bbs-left-nav li a i{font-size:20px;margin-right:10px;}
.bbs-left-nav li a:hover{color:#1890FF;background:#eaf7ff;}
.bbs-left-nav li a:hover i{color:#1890FF;}
.bbs-left-nav li.active a{color:#1890FF;background:#eaf7ff;}
.bbs-left-nav li.active a:hover i{color:#1890FF;}
.bbs_search{padding:15px 30px;}
.bbs-right{flex:1;overflow:hidden;border-left:1px solid #e4eaec;padding:30px;min-height:360px;}
.bbs-right-title{color:#526069;font-weight:500;font-size:18px;position:relative;}
.bbs-right-title a{position:absolute;right:0;top:0;font-size:14px;background:#40A9FF;color:#fff;border-radius:20px;display:block;padding:10px 30px;}
.bbs-right-title a:hover{background:#1890FF;}
.bbs-right .tabs-nav a{padding:10px 20px;}
.bbs-topic{margin:0;}
.bbs-topic-item{display:flex;justify-content:space-between;padding:20px 20px 20px 30px;border-bottom:1px solid #f3f3f3;}
.bbs-topic-item .face{width:40px;height:40px;}
.bbs-topic-item .face img{width:100%;height:100%;border-radius:100%;}
.bbs-topic-item .body{flex:1;overflow:hidden;padding:0 20px;}
.bbs-topic-item .body em{background:#f30;color:#fff;display:inline-block;padding:4px 8px;margin:0 5px;font-size:12px;border-radius:4px;border:0;}
.bbs-topic-item .body a{color:#666;}
.bbs-topic-item .body a:hover{color:#333;}
.bbs-topic-item .body .desc{color:#a3afb7;}
.bbs-topic-item .other{width:100px;padding-left:20px;font-size:12px;color:#333;}
.bbs-topic-item .other i{color:#ccc;margin-right:5px;}
.bbs-topic-item:hover{background:#f5fbff;}
.bbs-post{margin-top:30px;}
.bbs-post .col-2{text-align:right;color:#999;}
.bbs-post .col-10{max-width:760px;}
.bbs-show{margin-top:0px;}
.bbs-show .tip{font-size:14px;color:#76838f;background:#ecf4ff;display:inline-block;padding:15px 20px;border-left:3px solid #3e8ef7;border-radius:2px;}
.bbs-show .tip a{color:#06f;margin:0 10px;}
.bbs-show .tip a:hover{color:#f30;}


table{border-collapse:collapse;border-spacing:0;width:100%;}
/* td,th{border:0px solid #eaeaea;padding:10px;} */

/* 产品中心页 begin */
.mrtit{ border-bottom:1px #dddddd solid; margin-bottom:15px; background:url(../images/mrt1.png) no-repeat left center;  padding:20px 0 20px 50px; font-weight:bold; font-size:20px;}
.mrtit em{ float:right; font-style:normal; font-weight:normal; padding-right:10px; font-size:14px; margin-top:10px;}
.cpzs{overflow: auto;zoom: 1;	font-family: "微软雅黑", "microsoft Yahei", "Courier New", Courier, monospace;}
.cpzs li{ width:25%;  border:1px #dddddd solid; float:left;  text-align:center; margin:0 0 2%; box-sizing:border-box; display:inline; overflow:hidden; background-color:#333333; line-height:40px;}
.cpzs li img{height:180px; width:100%;}
.cpzs li:hover{ background-color:#0e579b;}
.cpzs li span{ display:block; padding:0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:#fff;}
.cpzs li:hover a,.cpzs li span a{ color:#fff;}

/*漂浮框*/
.yb_conct{position:fixed;z-index:9999999; top:300px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#3386ff url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#3386ff url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#3386ff url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#3386ff url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 0px 25px 25px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
/*产品内页*/
.prony-left{width:308px;}

/*推荐新闻*/
.rss_list_wz{margin:0;padding:0;list-style:none; width:1280px;}
.rss_list_wz ul{width:1280px; margin-top:20px;}
.rss_list_wz ul li{width:340px; float:left; overflow:hidden; margin:0 10px; text-align:center; line-height:24px;}
.rss_list_wz ul li a{width:24%; margin:0; line-height:24px;}
.rss_list_wz ul li a img{width:247px; border:1px dotted #ddd; padding:3px; height:155px;}
.rss_list_wz ul dd{width:300px; float:left; overflow:hidden; margin:0 10px; line-height:24px;}
.rss_list_wz ul dd a{ margin:0; line-height:24px; font-size:14px;}

.lx-block{ height: 160px; background: url(../images/blx-bg.png) no-repeat center top; background-size: cover;}
.lx-block .title{font-size:26px;font-family:Alibaba PuHuiTi;font-weight:bold;line-height:46px;color:rgba(255,255,255,1);margin-top: 32px; width:900px; float:left;}
.lx-block .btn{ display: inline-block;    font-size: 16px;}
.lx-block .right-block{margin-top: 55px;}
.lx-block .btn-grey{color: #F08400;width: 200px;margin-right: 4px;translate: 0.36s;background-color: #fff;}
.lx-block .btn-grey:hover{background-color: #F08401;color:#fff}  
.width-180{    width: 180px;}

.lx-block .dh{padding-left: 28px; background: url(../images/btn-dh.png) no-repeat center left; background-size: 16px 16px;}
.lx-block .btn-grey:hover .dh{ background: url(../images/btn-dhh.png) no-repeat center left; }