@charset "utf-8";
@import "common.css";
@import "page.css";
@import "hdp.css";
@import "login.css";
@import "nav.css";
@import "message.css";
@import "/font/iconfont.css";
@import "/cart/css/cart.css";
@font-face {
  font-family: "Poppins"; /* Project id 2216527 */
  src: url('/font/Poppins.woff2?t=1712798466848') format('woff2'),
       url('/font/Poppins.woff?t=1712798466848') format('woff'),
       url('/font/Poppins.ttf?t=1712798466848') format('truetype');
}
body{font-size:14px;font-family:"Microsoft YaHei";  color:#333;}
body.ov{ overflow:hidden}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#e40011}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}
.pic1 span{background-size: contains; background-repeat: no-repeat;background-position: center; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}
.w1200{ width: 1170px; margin: auto; }
.content{margin:20px auto;}
.middle{ margin: 0px auto; padding: 40px 0px; }
.top{ margin:auto; position: relative; position: absolute; left: 0; top: 0; width: 100%; z-index: 10; background: rgba(23, 28, 33, 0.21);}
.tel{ margin:auto;line-height: 30px;border-bottom: 1px solid #767778;color: #e5e5e5;line-height: 50px;}
.topc2 .tel{background: #232d38;
    border-bottom: 1px solid #f1f1f1;}
.tel span{ display:inline-block; margin-right: 10px; }
.tel span i{ font-size: 20px; display: inline-block; padding-right: 5px; position: relative; top: 2px; }
.logo{ float: left;width: 205px; }
.top1{ padding: 12px 0}
.topc2{ background:#FFF}
.nav{ float:right;}
.nav li{ float: left; text-align: center; position: relative; z-index: 10; padding: 20px 15px;}
.nav li a{ display: block;   color: #fff; font-size:16px; }
.topc2 .nav li a.yi:hover{ color:#314690}
.nav li span{ color:#FFF; position:absolute; right:0px; top:24px; font-size:12px;transition: all 0.5s;}
.nav li:hover span{transform: translateY(2px);}
.nav li a:before{content: "";
    width: 0;
    height: 2px;
    background: var(--accend);
    position: absolute;
    bottom: 10px;
    left: 18px;
    opacity: .9;
    transition: 300ms all;background: white;}

.nav li:hover a:before{ width:20px;}
.topc2 .nav li a {
    color: #333;
}
.topc2 .nav li a.yi:before{ background:#314690;}
.nav li .sub-box1{ position:absolute;text-transform:none; top:70px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.2s ease-in-out;
            -webkit-transition: All 0.2s ease-in-out;
            -moz-transition: All 0.2s ease-in-out;
            -o-transition: All 0.2s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); border-radius: 2px; top:50px;}
.nav li .sub-box{ background:#fff; padding:25px; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: left; line-height: 40px; color: #333; }
.nav li .sub-box a:hover{ background: #f2f4ff; color: #176FFF; }
.topc2  .nav li span{color: #333; transition: all 0.5s;}
.topc2  .nav li:hover span{color: #314690; transform: translateY(2px);}
.sou_box{ float: right; padding-top: 22px; }
.sou_box a{
    display: block;
	-webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
	color: #fff;
	font-size:20px;
	}
.topc2 .sou_box a{
  color:#333;
  font-size:20px;
 }
.topc3,.topc8,.topc9,.topc10{ position:absolute; left:0px; top:0px; width:100%}
.sou_box a:hover{
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);}
.menu{ float: right; padding-top: 17px; margin-left: 10px; }
.menu a{ font-size: 30px; display: block; color: #fff; }
.topc2 .menu a{ color:#333}
.menu a:hover{ font-weight: bold; }
.box1{ position: relative;z-index: 2; /*margin:5px auto 150px auto; */ padding: 150px 0;}
.hdp_l{ width: 62%; margin-right: 20px; }
.hdp_mess{ overflow: hidden; background:#fff; padding:30px; border-radius: 5px; }
.hdp_mess .tit{ font-size: 24px; font-weight: bold; text-align: center; margin:auto; }
.hdp_mess form{ margin:20px auto; }
.hdp_mess p{padding: 17px; margin-bottom: 20px; border: 1px solid #eee; background: #eee; border-radius: 2px;}
.hdp_mess p input,.hdp_mess p textarea{display: block; outline: 0; width: 100%; background: none; border:none;}
.hdp_mess dd input{background: #f05a22; color: #fff; width: 170px; height: 50px; line-height: 50px; text-align: center; border: none; font-size: 16px; margin:auto; display: block; cursor: pointer;transition: all 0.5s;}
.hdp_mess dd:hover input{transform: translateY(-10px);}

.hdp_l h2{margin: 0px 0px 20px 0px; }
.hdp_l h2 span{padding: 10px 15px; background-color: rgba(255,255,255,0.09); border-radius: 2px; font-size: 16px; color: #fff; }
.hdp_l .text{ margin:auto; }
.hdp_l .text span{ font-size: 40px; font-weight: bold; color: #fff; display: block; margin:auto; }
.hdp_l .text p{ color: #D2D2D2; margin:20px auto; line-height: 2; font-size: 18px; }

.hdp_l .img{ margin:40px auto; }
.hdp_fl{ margin:auto; }
.hdp_fl a{ display: inline-block; margin-right: 10px; }
.ys_bg{background-repeat: no-repeat; background-size: cover;  background-image: url(../images/line-dot-bg.png); position: relative; z-index: 2; background-color:#F8F8F8;  margin:auto; padding: 100px 0;}
.youshi_box{ margin: auto; background-size: cover; background-repeat: no-repeat;background-position: center;  margin:auto;  margin-top: -200px; }
.youshi{ padding: 50px 50px 20px 50px; background-color: rgba(26,31,53,0.97) }
.ys_tit{ font-size: 30px; color: #fff; text-align: center; margin:auto; margin-bottom: 40px; }
.ys_tit i{ display: block; width: 100px; height: 1px; background: #B0B2BA; margin:30px auto; }
.ys_li{ margin:20px auto; display: flex; align-items: center; background-color: rgba(255, 255, 255, 0.05); }
.ys_li li{ width: 50%; margin-bottom:20px;   }
.ys_li li .con{ padding: 20px; display: flex; align-items: center; }
.ys_li li .con .pic1{ float: left; width: 61px; margin-right: 20px; }
.ys_li li .con .pic1 span{ padding-top: 100%; }
.ys_li li .con .text{ color: #fff; font-size: 16px; line-height: 2;  width: calc(100% - 85px);}
.ys_li2{margin:20px auto;}
.ys_li2 li{ float: left; width: 49%; background-color: rgba(255, 255, 255, 0.05);margin-bottom:20px;  }
.ys_li2 li:nth-child(2n) { float: right; }
.ys_li2 li .con{ padding: 20px; display: flex; align-items: center; }
.ys_li2 li .con .pic1{ float: left; width: 61px; margin-right: 20px; }
.ys_li2 li .con .pic1 span{ padding-top: 100%; }
.ys_li2 li .con .text{ color: #fff; font-size: 16px; line-height: 2;  width: calc(100% - 85px);}


.lxwm_box{ margin: 50px auto; background-size: cover; background-repeat: no-repeat;background-position: center;  }
.lxwm{margin:auto; padding:80px  50px; background-color: rgba(0,0,0,0.8); color: #fff; }
.lxwm .l{ width: 63%; font-size: 30px; }
.lxwm .r a{ display: block; background: #F05A22; border-radius: 112px; padding: 20px 35px 20px 35px; color: #fff;transition: all 0.5s;}
.lxwm .r a:hover{transform: translateY(-10px);}
.lxwm_tit{ color: #333; }
.lxwm_tit i{ background: #1873FF;}
.lxwm_li{ margin:80px auto; }
.lxwm_li li{ float: left; width: 19.2%; margin-left: 1%; }
.lxwm_li li:first-child{ margin-left: 0; }
.lxwm_li li a{ display: block; background: #fff;  margin:auto; padding: 30px 15px; transition: all 0.5s; border-top: #fff 4px solid; position: relative; -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.1); -moz-box-shadow: 0 0px 20px rgba(0,0,0,0.1); -o-box-shadow: 0 0px 20px rgba(0,0,0,0.1);box-shadow: 0px 0px 20px rgba(0,0,0,0.1); overflow: hidden;}
.lxwm_li li a .tit{ font-size: 40px; font-weight: bold; color: #333; text-align: center; padding: 20px 0;font-family: "Poppins"; }
.lxwm_li li a .text{ margin:20px auto; color: #666; font-size: 16px; line-height: 1.8;  }
.lxwm_li li a .pic1 span{ padding-bottom: 50%; }
.lxwm_li li a:hover{transform: translateY(-20px); border-top: #1f87ff 4px solid; border-radius: 4px; }

.lxwm_li li a:after{content: "";
    width: 200px;
    height: 200px;
    top: 40px;
    position: absolute;
    left: 50%;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    z-index: -1;
    transform: translatex(-50%);
    animation: uptech_bounce_animation 6s infinite; transition: 0.5s;}
  @keyframes uptech_bounce_animation {
0% {
   border-radius : 30% 70% 70% 30% / 30% 30% 70% 70%;
   }
25% {
   border-radius:  58% 42% 75% 25% / 76% 46% 54% 24%;
}
50% {
   border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
   }
75% {
   border-radius:  33% 67% 58% 42% / 63% 68% 32% 37%	;
}
}
.lxwm_li li a:hover::after{transition: 0.5s; background: rgba(31, 135, 255, 0.064); content: "";}
.case_li{ margin-bottom: 0; }
.case_li li{ width: 15.8%; }


.contact_box{background-size: contain; background-position: center;background-color: #131823;  margin:60px auto; -webkit-box-shadow: 0 0px 25px rgba(0,0,0,0.5); -moz-box-shadow: 0 0px 25px rgba(0,0,0,0.5); -o-box-shadow: 0 0px 25px rgba(0,0,0,0.5);box-shadow: 0px 0px 25px rgba(0,0,0,0.5);  background-image: url(../images/map.png); }
.contact{  margin:auto; padding: 50px;  background: rgba(19,24,35,0.97)}
.contact li{ float: left; width: 33.3%; text-align: center; color: #fff; position: relative; min-height: 200px; }
.contact li:before{ content:""; width: 1px; background: #41454E; height: 100%; position: absolute; left: 0; top: 0; }
.contact li:first-child:before{display: none;}
.contact li .con{ width: 80%; margin:auto; }
.contact li i{ display: block; width: 90px; height: 90px; background: #30353F; line-height: 90px; font-size: 30px; border-radius: 100%; margin:auto; }
.contact li span{ display: block; margin:20px auto 10px auto; font-size: 18px; color: rgba(255, 255, 255, 0.7); }
.contact li p{ font-size: 18px;}
.foot{ background: #0D0F17; margin: auto; padding:10px 0px;  color: #cccccc; line-height: 180%; }
.foot a{ color: #ccc; display: inline-block; padding-left: 10px; }
.nbanner{ margin: auto; height:300px; background-position: center; background-repeat: no-repeat; background-size: cover;  }
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }
.mobile-menu{ display: none; }
.sou_and_caidan{
	-webkit-transition: 150ms ease-in-out;
    -o-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(7, 7, 20, 0.89);
    z-index: 11111111;
	opacity: 0;
    visibility: hidden;
	}
.sou_and_caidan.show{
	opacity: 1;
	visibility:visible
	}
.sou_c{
	opacity: 0;
    visibility: hidden;
	-webkit-transition: 150ms ease-in-out;
    -o-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
	}
.sou_c.show{
	opacity: 1;
	visibility:visible
	}
.sougb{opacity: .8;
    font-size: 24px;
    padding: 20px;
    color: #eee;
    transition: 500ms all;
    transform: rotateZ(0deg); position:fixed; right:55px; top:55px;}
.sougb:hover{ color:#114FB7}
.sou_c{width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}
.sou_c form{ width:50%; display:block; margin:auto; position:relative;}
.sou_c input{width: 100%;
    border: none;
    border-bottom: 1px dashed #c0c0c0;
   /* padding: 10px;
    -webkit-box-sizing: border-box;*/
    box-sizing: border-box;
    outline: 0;
    color: var(--white);
    padding: 20px 45px 20px 0;
    background: transparent;
    font-size: 22px;
    font-family: "poppins";
    transition: 400ms all; color:#FFF
    }
.sou_c button{width: 5%;
    background: transparent;
    border: none;
    color: white;
    padding: 10px;
    outline: 0;
    opacity: .95;
    cursor: pointer;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    box-sizing: border-box; position:absolute; right:20px;
    font-size: 25px;
    transition: 500ms all;
    top: 20px;}
.sou_c button:hover{ color:#114FB7}
.caidan{    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;


width: 30%;
    height: auto;
    min-height: 100%;
    background: white;
    position: absolute;
     right: -100%;

    z-index: 112; background:#FFF; height:300px; position:fixed; top:0px;

	}
.caidan.show{ right: 0; -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;}
.caidan.show{ height:100vh; overflow-y:auto}
.ss-header {
    width: 100%;
    height: 100px;
    background: #f05a22;
    color: var(--light-black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ss-header .gn-header-desc-title {
    font-size: 19px; color:#FFF; font-weight: 600;
}
.ss-header a{-webkit-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg); color:#FFF}
.ss-header a:hover{
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);}
.caidan_c{ padding:50px 40px;}
.caidan_c a{background: transparent;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: var(--light-black);
    position: relative;
    min-height: 0;
    font-weight: 500;
    font-size: 1.7em;
    padding-bottom: 20px;}
.caidan_c a::before {background: #f05a22!important;
    content: "";
    width: 15px;
    height: 2px;
    position: absolute;
    left: 40px;
    bottom: 3px;
    background: var(--accend);
}
.caidan_c a::after {background: #f05a22!important;
    content: "";
    width: 35px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 3px;
    background: #6b84f9;
}
.caidan ul{ padding:0px 40px;}
.caidan ul li{padding: 15px 0 15px 5px;
    border-bottom: 1px solid #f0f0f1;
    position: relative;
    line-height: 25px; font-size:16px;}
.caidan ul li i{margin-right: 10px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: 200ms all;
    transform: scale(1);
    background: #f6f5fb;
    color: #6d6d6d;
    margin-right: 10px;}
.caidan ul li:hover i{    transition: 200ms;
    transform: scale(1.15);}

.newbanner{background: #f05a22;  padding: 340px 0 240px 0;
    color: rgba(255, 255, 255, 0.068); text-align:center;
    z-index: 1;
    font-weight: 500; position:relative}
.newbanner p{ position:relative; z-index:2; color:#FFF; font-size:50px; }
.newbanner em{ position:absolute; font-size:175px;}
.wnew{ padding:90px 0px;}
.newl{ float:left; width:65.8%; margin-right:4.2%}
.newl ul{}
.newl ul li{border-bottom: 2px solid #eee; padding-bottom:55px; margin-bottom:50px;}
.newl ul li .npic{margin-bottom:45px; }
.newl ul li i.it{font-size: 28px;
    color: var(--text-black);
    text-decoration: none;
    font-weight: 700;
     display:block; color:#333}
.newl ul li p{ padding-top:30px; color:#666}
.newl ul li p i{ display:inline-block; padding:0px 12px;}
.newl ul li p span{ display:inline-block}

.newl ul li p span em{}
.newl ul li .njj{line-height: 1.8;
    display: block;
    opacity: .8; margin:15px auto; color:#333; font-size:16px;}
.newl ul li em.a{display: inline-block;
    background-color: var(--accend);
    color: var(--white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    letter-spacing: 1px;
    padding: 19px 40px;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    border-radius: 2px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    box-shadow: 0 11px 15px rgba(90, 193, 110, 0.16);
    position: relative;background-color: #f05a22; color:#FFF}


.newl ul li em.a:before {
    content: "\e632";
    color: white;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    opacity: 0;transition: 200ms;
}
.newl ul li em.a:hover:before{opacity: 1;}
.newl ul li em.a:hover{padding-right: 55px;}

.newl ul li dl{ float:right; padding-top:5px;}
.newl ul li dl a{width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
    border-radius: 100%;
    margin: auto 1px;transition: 300ms all;}
.newl ul li dl a.icon-facebook1{background: #3b5998;}
.newl ul li dl a.icon-tuite{background: #1da1f2;}
.newl ul li dl a:hover {

    transform: rotate(360deg) scale(1.1);
}
.newr{ display:block; overflow:hidden}
.newr_search{    padding: 25px 40px;
    background: #f9f9f9;}
.newr_search dl{
    padding: 10px 20px 10px 20px;
    border: 2px solid #f0eff5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 15px auto;
    border-radius: 3px; position:relative}
.newr_search dl input{  border:none; width:100%; height:100%; background:transparent}
.newr_search dl button{ position:absolute;padding: 12px 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 16px;
    outline: 0;}
.newr_cat{ margin-top:50px;background: #f9f9f9;}
.newr_cat ul{padding: 25px 40px; }
.newr_cat ul li.lis{padding: 15px 0 15px 22px;
    border-bottom: 1px solid #f0f0f1;
    position: relative;
    line-height: 25px;}
.newr_cat ul li.lis a{  font-size:16px;}
.newr_cat ul li.lis:before{ position:absolute; left:0px;}
.newr_cat ul li.lis a:hover,.newr_cat ul li a.on{}
.newr_cat ul li.at{ line-height:60px; font-weight: 500; font-size:20px; height:60px; position:relative; margin-bottom:15px;}
.newr_cat ul li.at::before {
    width: 100%;
    height: 1px;
    z-index: 1; content:''; position:absolute;
    background: #f05a22 ;
    left: 0;
    bottom: 0px;
    border-radius: 2px;
}

.newr_cat ul li.at::after{width: 50px;
    height: 3px; position:absolute; content:'';
    z-index: 1; background: #f05a22 ;
    left: 0; bottom:-1px;
    border-radius: 2px;}
.npicdetail{}
.arr{text-decoration: none;
    padding: 9px 14px;
    padding-left: 35px;
    font-size: 13px; background:#F6F5FB; display:inline-block;
    position: relative;
    border-radius: 5px;
    border: 1px solid transparent; margin:20px 0px 20px 0px; position:relative; color:#666}
.arr:before{ position:absolute; left:14px; line-height:20px;-webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;color:#666}
.arr:hover{color:#666;
    border-color: #eaecef;}
.npicdetail img{ margin:auto; display:block;}
.n_tit{ padding:400px 0px; text-align:center; color:#FFF; font-size:50px;}
.n_tit8{ padding:360px 0px 260px 0; font-weight:bold; font-size:76px;font-family: "Poppins", Sans-serif;}
.n_tit10{ padding:260px 0px;}
.n_tit8 i{ display:block; font-size:30px; }
.n_tit8 img{ display:inline-block; padding-top:50px;}
.n_tit9{ padding:150px 0 100px 0; }
.ul_lxwm{ text-align:center; font-size:0px; margin-top:-100px;}
.ul_lxwm li{ display:inline-block; font-size:15px; width:30%; margin-left:2.5%; background-repeat:no-repeat; background-position:center; background-size:cover; color:#FFF }
.ul_lxwm li.z{ margin-right:0px;}
.ul_lxwm li .con{ padding:29px 0px 45px 0px;background-color: #F05A22;opacity: .9;}
.ul_lxwm li .con i{ width:72px; line-height:72px; line-height:72px; text-align:center; display:block; margin:auto; border-radius:100%; color:#FFF; font-size:25px;background-color: rgba(255, 255, 255, 0.07);transition: 600ms all;}
.ul_lxwm li:hover .con i{transform: scale(1.2) rotate(360deg);}
.ul_lxwm li .con span{ display:block; padding:20px 0px; font-weight: bold;}
.ul_lxwm li .con p{padding:0 10px; }

.liuyan{ padding:40px 0px 60px 0px; text-align:center}
.liuyan .liuyan_tit{}
.liuyan .liuyan_tit i{ display:block;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.8}
.liuyan .liuyan_tit em{display:block;
    color: #171C44;

    font-size: 42px;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.5px;}
.liuyan_con{ display:block; width:640px;}
.liuyan_con p{}
.liuyan_con p input[type="text"]{display: block;
    width: 100%;
    padding: 17px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #eee;
    border-radius: 2px;
    outline: 0;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.liuyan_con textarea{display: block;
    width: 100%;
    padding: 17px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #eee;
    border-radius: 2px;
    outline: 0;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.liuyan_con p input[type="submit"]{display: block;
    margin: 0 auto!important;
    padding: 15px 55px;background: #f05a22; color:#FFF; border:none; cursor:pointer;transition: 380ms all;
    }
.liuyan_con p input[type="submit"]:hover{transform: translateY(10px);}

.valign{display: flex;align-items: center;}
.wcp1200{ padding:60px 0px;}
.left_cp{ float:left; width:30.8%; margin-right:3.08%}
.left_cp ul{}
.left_cp ul li{background-color: #F0F0F0; margin-bottom:20px;}
.left_cp ul li a{padding: 20px 20px 20px 20px; display:block;font-weight: 500;}
.left_cp ul li:hover,.left_cp ul li.on{background-color: #314690;}
.left_cp ul li:hover a,.left_cp ul li.on a{ color:#FFF}
.lxwm_left{ margin-top:40px; width:100%; position:relative; height:522px; text-align:center ; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lxwm_left:after{ position:absolute; left:0px; top:0px; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.3); content:'';}
.lxwm_left p{ width:100%; position:relative; z-index:2; color:#FFF;}
.lxwm_left p i{ display:block; padding-bottom:30px; font-size:16px;}
.lxwm_left p em{ font-weight:bold; font-size:20px;}
.hdp_mess1{ padding:0px; text-align:left; margin-top:60px;}
.hdp_mess1 .tit{ text-align:left}
.hdp_mess dd input{ margin:0px;}
.right_cp{ display:block; overflow:hidden;}
.right_cp .cp_tit{color: #F05A22; font-size:30px;line-height: 1.8; font-weight:bold; display:block; margin-bottom:20px;}
.right_cp .cp_jj{ line-height:1.6; font-size:16px; display:block; margin-bottom:0px;}
.right_cp ul.ul_cp{}
.right_cp ul.ul_cp li{}
.right_cp ul.ul_cp li span{ display:block; padding:30px 0px;font-size:16px;}
.right_cp ul.ul_cp li p{ display:block; line-height:1.8;font-weight:bold; font-size:16px; padding-left:20px; position:relative}
.right_cp ul.ul_cp li p:before{ content: "\e8ba"; left:0px;top:0px; position:absolute; color:#F05A22;}
.right_cp ul.ul_cp li i{ display:block; font-weight:bold; color: #F05A22; text-align:center; width:100%; font-size:18px; margin:30px 0px 0px 0px;}
.right_cp .ul_cp_list{ padding-top:40px;}
.right_cp .ul_cp_list li{}
.right_cp .ul_cp_list li i{color: #F05A22; font-size:20px;line-height: 1.8; font-weight:bold; display:block;}
.right_cp .ul_cp_list li dl.dljianjie{ padding:10px 0px 20px 0px;}
.right_cp .ul_cp_list li dl.dljianjie p{display:block; line-height:1.8; font-size:16px; padding-left:20px; position:relative}
.right_cp .ul_cp_list li dl.dljianjie p:before{ content: "\e8ba"; left:0px;top:0px; position:absolute; color:#F05A22; font-weight:bold}
.right_cp .ul_cp_list li dl.dlcon{ padding-bottom:40px;}

.right_cp .ul_cp_list li.licp{ float:left; margin-bottom:30px;}
.right_cp .ul_cp_list li.licp .imga{ display:block; float:left;}
.right_cp .ul_cp_list li.licp .imga img{ display:block; width:100%;}

.right_cp .ul_cp_list li.licp1{ width:100%}
.right_cp .ul_cp_list li.licp1 .wenzi_con{width:350px; max-width:48.5%; float:left;}
.right_cp .ul_cp_list li.licp1 .imga1{ float:right;width:350px; max-width:48.5%;}
.right_cp .ul_cp_list li.licp1 .imga2{width:350px; max-width:48.5%;margin-top:30px;}
.right_cp .ul_cp_list li.licp1 .imga3{ float:right;width:350px; max-width:48.5%; margin-top:30px;}

.right_cp .ul_cp_list li.licp2{ width:100%}
.right_cp .ul_cp_list li.licp2 .imga:nth-child(1){ width:100%; margin-bottom:30px;}
.right_cp .ul_cp_list li.licp2 .imga:nth-child(2){ width:350px; max-width:48.5%}
.right_cp .ul_cp_list li.licp2 .imga:nth-child(3){ width:350px; max-width:48.5%;float:right;}

.right_cp .ul_cp_list li.licp3{ width:100%}
.right_cp .ul_cp_list li.licp3 .imga:nth-child(1){ width:350px; max-width:48.5%}
.right_cp .ul_cp_list li.licp3 .imga:nth-child(2){ float:right;width:350px; max-width:48.5%}

.right_cp .ul_cp_list li.licp4{  width:350px; max-width:48.5%}
.right_cp .ul_cp_list li.licp5{ float:right;width:350px; max-width:48.5%}
.right_cp .ul_cp_list li.licp4 .imga{ width:100%}
.right_cp .ul_cp_list li.licp5 .imga{ width:100%}
.right_cp .ul_cp_list li.licp6{ width:100%}
.right_cp .ul_cp_list li.licp6 .imga:nth-child(1){ width:350px; max-width:48.5%}
.right_cp .ul_cp_list li.licp6 .imga:nth-child(2){ float:right;width:350px; max-width:48.5%}

.right_cp .ul_cp_list10 li.licp {
    width: 100%!important;
    max-width:100%!important; margin-bottom:0px;
}
.right_cp .ul_cp_list10 li i{ float:left; width:47.3%; margin-right:25px;}
.right_cp .ul_cp_list10 li dl.dljianjie{ display:block; overflow:hidden; padding-top:0px;}
.anext{color: #F05A22;
    font-size: 18px; font-weight:bold;
    line-height: 1.8;}

.ul9{ text-align:center; width:1140px; max-width:100%; font-size:0px; margin-top:-100px;}
.ul9 li{ box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ width:33.3%; display:inline-block; font-size:16px; float:left; }

.ul10 li{ width:25%}
.ul9 li dl{margin: 10px;
    padding: 35px 30px 58px 30px;
    background-color: #ffffff;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: rgba(255,0,68,0);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.04);border-width: 0px 0px 2px 0px;
    border-color: rgba(255,0,68,0); text-align:left}
.ul9 li:hover dl{border-color: #34a9ff;}
.ul9 li img{ float:left; width:64px; margin-right:20px;}
.ul10 li img{ width:43px; margin-right:10px;}
.ul9 li p{ display:block; overflow:hidden; line-height:1.5; font-weight:bold}

.mobile-menu li ul{ display:none}