@charset "utf-8";
/* CSS Document */
html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, abbr,del, dfn, em, img, ins,strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, object, col, colgroup, caption, summary, tbody, tfoot, thead, th{ margin:0;padding:0; border:0; }
body{font-family: Hind, Arial, Helvetica, sans-serif;font-size: 14px;color: #444;line-height:23px;}
a { text-decoration:none; color:#333;}
a:hover{color:#ff3a3a}
ul,dl,dt,dd,li { list-style:none; margin:0; padding:0;}
img{height:auto; border:0;}
input, button {margin:0; padding:0; border:0; background:none;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, em { font-style:normal; }
h1, h2, h3, h4, h5, h6 {font-weight:600;color:#222}
.l{float:left}
.r{float:right}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.w1200{max-width: 1200px;margin: 0 auto;}
.top{overflow:hidden;background:#001952;height:85px}
.logo{ margin-top:16px;float:left;}
.logo a{display:block;}
.logo img{width:150px;}
.nav { width:71%;width:78% \9;*width:78%; float:right; margin-top:32px;}
.nav li  { float:left; padding:0 3.5%;}
.nav li a { color:#fff; font-size:17px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;  transition: all .3s ease;font-weight: 600; text-transform: uppercase;}
.nav li a:hover  { border-bottom:3px solid #ffd800; padding-bottom:5px; display:block;    -webkit-transition: all .3s ease;  -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;   transition: all .3s ease;}
.nav .choose { border-bottom:3px solid #ffd800; padding-bottom:5px; display:block; -webkit-transition: all .3s ease;  -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;   transition: all .3s ease;}

.footer{background:#1a2029;margin-top:40px;}
.foot_copy{background:#282e3a;text-align:center;color:#fff;color:#fff;padding:10px 0}
.foot_copy .w1200{color:#fff}
.foot_up{overflow:hidden;*height:245px;padding: 50px 0px;height:245px \9;}
.foot_comp{width:22%;float:left;*margin-bottom:45px;}
.foot_comp p{line-height:22px;color:#ebebeb;font-size:14px}
.foot_comp p span{display:inline-block;float:left;width:48%;margin:1%}
.foot_comp p span img{width:100%}
.foot_link{width:17%;float:left;margin-left:4%}
.footer h4{color:#fff;font-size:22px;padding-bottom:6px;/*border-bottom:1px solid #5a616d;*/margin-bottom:20px}
.foot_link li{margin-bottom:7px;padding-left:20px;font-size:16px;}
.foot_link li a{color:#ebebeb}
.foot_contact{width:22%;float:left;margin-left:4%}
.foot_contact li{padding:8px 0;color:#fff;font-size:16px}
.foot_contact li img{float:left;margin-top:3px;margin-right:10px}
.foot_contact .email img{margin-top:6px;}
.foot_contact .email a{color:#f2ce00;font-weight:600}
.foot_email{width:27%;*width:26.5%;width:26.5% \9;margin-left:4%;float:left}
.foot_email p{color:#fff;font-size:15px}
.foot_email form{margin-top:10px}
.foot_email input{display:inline-block;float:left;background:#fff}
.foot_email input.email{width:71%;line-height:40px;height:40px;*height:40px;height:40px \9;padding-left:5px;font-size:15px;color:#444;}
.foot_email input.btn{background:#f2ce00;line-height:40px;*height:40px;height:40px \9;width:76px;*width:65px;width:65px \9;font-size:18px;color:#fff;font-weight:600;border-radius:3px;}

.right_float{ height: 293px; width: 100px; position: fixed; right: 10px; top:30% ;z-index: 9999;    -webkit-transition: width linear .4s; -moz-transition: width linear .4s; -ms-transition: width linear .4s; transition: width linear .4s;}
.right_float a{ display: block; width: 96px;padding:2px 0}
.right_float .business { background: url(../images_webp/business.webp) no-repeat center; height: 156px;}
.right_float .message_right { background: url(../images_webp/message.webp) no-repeat center; height: 85px;}
.right_float .back_top { background: url(../images_webp/pc-top.webp) no-repeat center; height: 40px;}


/*banner*/
.banner{ width:100%; clear:both; overflow:hidden;}
.banner img{ width:100%; height:auto;}
.index_banner{position:relative;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:20px; *bottom:40px;left:50%;z-index:999; text-align:center;display:block;margin-left:-36px;width:112px;height:15px;_display:none;}
.index_banner cite span{float:left;margin:0 5px;width:8px;height:8px;border-radius:4px; border: solid 2px #f5f5f5;text-indent:-999em;cursor:pointer;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
.index_banner cite span:hover{background:#f0f0f0;}
.index_banner cite span.cur{background:#ffd800;border-color:#ffd800;cursor:default; width: 38px;    transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
/*banner*/

/*index*/
.index_pnav{padding:50px 0;background:#f5f5f5;}
.index_pn_bg{width:100%}
.index_pnav ul{overflow:hidden;margin-left: -3%;}
.index_pnav li {position: relative;overflow: hidden;margin-left: 3%;*margin-left:2.8%;margin-left:2.8% \9;float:left;width: 22%;}
.index_pnav img{ width:100%; height:auto}
.index_pnav ._img{ position: relative; left: 0; transition:all ease-in .3s; }
.index_pnav ._img h3{ position: absolute;  bottom: 0;  text-align:center; font-size: 18px; font-weight:200; color: #fff; background: url(../images_webp/h_bg.webp); width:100%; height:40px; line-height:40px;}
.index_pnav ._img h3:after{ content:""; position: absolute; bottom: 0; left: 0; width: 50%; }
.index_pnav ._txt{ position: absolute; left: -100%; top: 0; bottom: 0; width:92%;  background: #f29528 url(../images_webp/about_corner_bg.webp) right top no-repeat; z-index: 2; transition:all ease-in .3s; color: #fff;}
.index_pnav ._txt p{color:#fff}
.index_pnav ._txt .more{font-size: 16px;color:#f2ce00;display: block;background: url(../images_webp/jt_icon_hover.webp) right center no-repeat;width: 76px;margin-top:15px;}
.index_pnav li:hover ._txt{ left: 0;}
.index_pnav li:hover ._img{ left: 100%;}
.index_pnav ._txt { left:0; background:url(../images_webp/h_bg.webp) right top ; filter:alpha(opacity=0); opacity:0;}
.index_pnav li:hover ._img { left:0; }
.index_pnav li:hover ._img h3{ display:none; }
.index_pnav li:hover ._txt { filter:alpha(opacity=100); opacity:1; }
.index_pnav ._txt { padding:32% 5% 16%; width:100%; }
.index_pnav ._txt h3{ position: absolute;  top: 8%; padding-bottom: 10px; font-size: 20px; color: #fff; font-weight: bold;}
.index_pnav ._txt h3:after{ content:""; position: absolute; bottom: 0; left: 0; width: 50%; height: 1px; background-color:#fff;}


.index_t{margin:60px auto 50px;text-align:center;}
.index_t h3{font-size: 36px;line-height:38px;color:#222;margin: 5px 0 15px 2%;font-weight:bold;}
.index_t h3:after{content: "";display: block;width: 60px;margin: 15px auto 0px;border: 0px;border-top: 3px solid #ff3a3a;height: 0px;}
.index_t p{font-size: 16px;color:#555;line-height: 20px;margin-bottom: 5px;padding: 0px 15%;}

.index_pro ul {margin-left:-1.1%;overflow:hidden }
.index_pro ul li{ width:33.3%;width:33.3;*width:33.3%; float:left; margin-bottom:0.5%;padding:1%}
.index_pro ul li img{width:100%;height:auto}
.index_pro ul li h4 a { font-size:18px; line-height:20px;display:block; margin:10px 0 10px 0;color:#2b2b2b}
.index_pro ul li p { font-size:15px; line-height:23px; }
.index_pro ul li span a { font-size:18px; display:block; margin:15px 0 0 0; background:url(../images_webp/jt_icon.webp) right center no-repeat; width:85px;}
.index_pro ul li span a:hover { text-decoration:underline;background:url(../images_webp/jt_icon_hover.webp) right center no-repeat;}
.index_pro ul li:hover {background: #2e2f42;}
.index_pro ul li:hover h4 a,.index_pro ul li:hover p{color:#fff;}

.index_news ul{margin: 20px 0 0 -4%;overflow:hidden;}
.index_news li{width: 29.333%;margin-left: 4%;float:left;}
.index_news li h3{font-size:18px;font-size:18px \9;*font-size:18px; height:46px;font-weight:normal;}
.index_news li:hover h3 a{color: #ff3a3a;}
.index_news li p{ width:100%;margin:12px 0 10px;overflow:hidden;color:#555;line-height: 20px;}
.index_news li .date{float: left;font-size: 14px;background:url(../images_webp/rili.webp) left center no-repeat;text-indent: 22px;background-size:21px 21px;color:#666;height:auto;padding:1px 0 \9;*padding:1px 0;background-size: 16px 16px;}
.index_news li p a{float:right; font-size:14px; display:block;background:url(../images_webp/jt_icon.webp) right center no-repeat;background-size: 14px 8px; padding-right:18px;color:#666;}

.index_about{background:url(../images_webp/about_02.webp) no-repeat top center;margin-top:30px;padding: 60px 0px;}
.index_about .index_t{color:#fff;margin-top:0;margin-bottom:0;}
.index_about .index_t h3{color:#fff;margin: 0px 0;line-height: 1;}
.index_about .index_t h3:after{content:initial}
.index_about li{width:18%;width:17.5% \9;*width:17.5%;float:left;margin: 50px 1% 0;text-align:center;}
.index_about p{font-size:15px;color:#fff; margin:0; line-height:20px;}
.index_about h4{font-size: 45px;line-height: 1;font-weight: normal;color:#fecd06;font-family:Impact,Arial;margin-bottom: 25px;}

.cont_ban{width:100%;position:relative;}
.cont_ban img{width:100%;}
.located { width:100%; background:rgba(246,246,246,.9);background:#fff \0;* background:#fff;border-bottom:1px solid #e4e4e4; padding:10px 0; font-size:16px;position:absolute;bottom:0;left:0;position:static \9;*position:static}
.loca_pro{position:static;margin-bottom:60px}
.located span { display:block; height:24px; line-height:24px;  padding:0px 10px;}
.located span strong { color:#666; font-weight:normal;}
.icon1 {background:url(../images_webp/icon1.webp) no-repeat left center; display:block; width:24px; height:24px;  float:left; margin-right:9px;}

/*pro_center*/
.pro_box{overflow:hidden}
.pro_top{overflow:hidden;margin-bottom:30px}
.pro_img{width:49.2%;float:left}
.pro_img img{width:100%;height:auto}
.pro_text{width:48%;float:right}
.pro_text h1{font-size:30px;margin-bottom:17px;line-height:30px}
.pro_text_t{color: #888;border-bottom: 1px solid #e5e5e5;font-weight: 600;line-height: 32px;text-align: left;font-size: 17px;margin-bottom:12px}
.pro_text p{margin-bottom:12px;font-size:15px;background-size:15px auto;overflow:hidden;color:#333}
.pro_text p strong,.pj_top p b{font-weight:600;width: 27%;width: 32% \9;*width: 32%;float:left;text-align:right}
.pro_text p span{float:right;text-align:left;width:71%;width: 66% \9;*width: 66%;}
.pro_email{background: url(../images_webp/pro_email.webp) left center no-repeat;margin-bottom:10px;font-size: 18px;color:#555;font-weight:600;padding: 8px 0 8px 24px;margin-top:20px;background-size: 18px;}
.pro_email a{color:#ff3a3a;margin-left:4px}
.pro_talk{margin-top:15px;overflow:hidden}
.pro_talk a{width:49%;font-size:20px;font-weight:500;padding: 0 0%;line-height:42px;float:left;width:34% \9;*width:34%;padding:0 6% \9;*padding:0 6%;text-align: center;}
.pro_talk a img{margin-top: 2px;margin-right:5px;vertical-align: top;}
.pro_talk .pro_talk_l{background:#f2ce00;border:solid 2px #f2ce00;color:#111;}
.pro_talk .pro_talk_r{background:#fff;border: solid 2px #c00;float:right;color: #c00;}
.pro_cont_l{width:76%;float:left;margin-bottom:55px;margin-top:15px;}
.pro_guide1 ul li { width:25%; float:left; text-align:center; }
.pro_guide1  { border-top:2px solid #424354; overflow:hidden; margin-bottom:25px; }
.pro_guide1 ul li a { display:block; font-size:16px; color:#000; padding:20px 0;    border-right: 2px solid #f2f2f2}
.pro_guide1 ul li a.cur0 ,.pro_guide1 ul li a:hover{ background:#424354; color:#fff;}
.pro_cont_l h3,.pro_cont_l h2{font-size:24px;margin-bottom: 20px;margin-top:22px;line-height: 48px;color: #2e2f42;overflow: hidden;background: url(../images_webp/icon01.webp) no-repeat left center;padding-left: 15px;border-bottom: 1px solid #ddd;}
.pro_cont_l p{margin-bottom:12px;line-height:23px;}
.pro_cont_l img,.pro_cont_l video{max-width:100%;}
.pro_cont_r{width:19%;float:right}
.pro_cont_r .pro_r_list { margin-top:20px; border:solid 1px #ebebeb;}
.pro_cont_r .pro_r_list dt{line-height:46px;font-size:20px;color:#333;margin:0 10px;border-bottom:solid 1px #ebebeb;font-weight:600;font-family: 'Open Sans', Arial, Verdana;margin-bottom: 20px;}
.pro_cont_r .pro_r_list dd {line-height: 24px;font-size: 14px;text-align:left;border-bottom: 1px dotted #ccc;margin: 0px 10px;transition:all .5s;padding-bottom: 18px;margin-bottom: 20px;}
.pro_cont_r .pro_r_list dd img{width:100%;margin-bottom: 15px;display: block;}
.pro_cont_r .pro_r_list dd:last-child{border:0px;}
.pro_cont_r .pro_r_list dd a {color:#666;display: block;font-size: 15px;text-align: left;line-height: 20px;}
.pro_cont_r .pro_r_list dd:hover{border-bottom:1px solid #ff3a3a; transition:all .5s;}
.pro_cont_r .pro_r_list dd:hover a{color: #ff3a3a;}

.order_email{background: url(../images_webp/order_bg.webp) top no-repeat #f7f7f7;background-size:100% auto;padding:40px 0 40px;padding-top:30px \9;*padding-top:30px;margin-top:80px;clear:both}
.order_email h3{font-size: 30px;font-weight:bold;margin-bottom: 20px;margin-left:1.5%;text-transform:uppercase;line-height:30px;}
.order_email p{line-height: 24px;color: #333;font-size:16px;margin: 20px 2% 20px 2%;}
.order_email p strong{color:#ff0606;font-weight:600;margin-right:3px}
.order_email p a{color:#222;font-size: 18px;font-weight: 600;padding: 0 4px;text-decoration:underline}
.order_email ul{overflow:hidden;width: 95%;margin: 0px auto 0px;padding-top: 30px;}
.order_email li{width:47%;margin:0 1.5% 17px;float:left}
.order_email .order_text{width:97%;clear:both;margin-bottom:0}
.order_email li span{font-size: 18px;display: block;line-height: 30px;font-weight:600;margin-bottom:6px;color:#333}
.order_email li input{width: 100%;border: 1px solid #d9d9d9;color: #555;padding:14px 0 14px 40px;font-size: 17px;}
.order_email .icon_pro{background: url(../images_webp/icon-text-pro.webp) no-repeat 10px center #fff;background-size: 22px;}
.order_email .icon_user{background: url(../images_webp/icon-text-user.webp) no-repeat 10px center #fff;background-size: 20px;}
.order_email .icon_email{background: url(../images_webp/icon-text-email.webp) no-repeat 10px center #fff;background-size: 22px;}
.order_email .icon_tel{background: url(../images_webp/icon-text-tel.webp) no-repeat 12px center #fff;background-size: 20px;}
.order_email .icon-text-app{background: url(../images_webp/icon16.webp) no-repeat 8px center #fff;background-size: 28px;}
.order_email .icon-text-Cap{background: url(../images_webp/icon17.webp) no-repeat 8px center #fff; background-size: 26px;}
.order_email .icon_message{background: url(../images_webp/icon-text-message.webp) no-repeat 10px 17px #fff;padding: 17px 18px 17px 39px;font-size: 17px;background-size: 19px;width: 100%;border:1px solid #d9d9d9;font-family:Arial, Helvetica, sans-serif;color:#555;min-height:120px;line-height:21px;}
.order_email .btn_email{width: 200px;height: 46px;line-height:46px;margin: 20px 0;font-size: 18px;font-weight:600;background:#ffd800;padding:0;border:none 0;color:#333}
.order_email li.me2{width:97%;}
@media screen and (max-width:768px){
    .order_email li,.order_email li.me2{float:none; clear:both; display:block; width:100%; margin:0px 0px 17px 0px;}
    .order_email li>span{display:none;}
}
.me2 .metwobox01 .choose_uldiv input.radio_input[type="checkbox"] + label span,.me2 .metwobox02 .choose_uldiv input.radio_input[type="checkbox"] + label span{font-weight:normal;}
/**/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
.me2{clear: both;background:#fff;border:1px dashed #ccc;border-radius: 3px;margin-bottom: 20px;padding: 25px 20px;}
.me2 strong {font-size: 18px;color: #1a1a1a;display: block;line-height: 30px;width: 100%;overflow: hidden;margin-bottom:12px;font-family:proximanova-light;font-weight: bold;}
.me2 .metwobox01 .choose_uldiv{width:auto;position:relative;float: left;line-height: 30px;cursor: pointer;height:30px;margin: 8px 30px 8px 0px;}
.me2 .metwobox01 .choose_uldiv input.radio_input{margin: 0;padding: 0; opacity: 0; z-index: 3;vertical-align: middle;}
.me2 .metwobox01 .choose_uldiv input.radio_input[type="checkbox"]{position: absolute;left: 0;top: 0;right: 0px;bottom: 0px;margin: 0;padding: 0;opacity: 0;width: 100%;height:100%;}
.me2 .metwobox01 .choose_uldiv input.radio_input[type="checkbox"] + label{padding-left: 30px;display: block;}
.me2 .metwobox01 .choose_uldiv input.radio_input[type="checkbox"] + label font{display:block;line-height: 30px;color: #555;font-size: 16px;font-family: proximanova-light;}
.me2 .metwobox01 .choose_uldiv input.radio_input[type="checkbox"] + label::before{content: '';display: block;position: absolute;left: 0;top: 6px;width: 17px;height: 17px;cursor:pointer;background:url(../images_webp/icon05.webp) no-repeat left bottom;}
.me2 .metwobox01 .choose_uldiv input.radio_input[type="checkbox"] + label::after{content: '';display: block;position: absolute;left: 0;top: 2px;width: 21px;height: 20px;}
.me2 .metwobox01 .choose_uldiv input.radio_input[type="checkbox"] + label::after {background:url(../images_webp/icon06.webp) no-repeat left bottom;display: none;}
.me2 .metwobox01 .choose_uldiv input.radio_input[type="checkbox"]:checked + label::after {display: block; cursor:pointer;}
.me2 .metwobox01 .choose_uldiv input.radio_input[type="checkbox"]:checked + label::before,.choose_ul li .choose_uldiv input.radio_input[type="checkbox"]:checked + label::after {-webkit-animation: cd-bounce 0.3s;-moz-animation: cd-bounce 0.3s;animation: cd-bounce 0.3s;}
/**/
.me2 .metwobox02 .choose_uldiv{width:auto;position:relative;float: left;line-height: 30px;cursor: pointer;height:30px;margin: 0px 0px 5px 0px;}
.me2 .metwobox02 .choose_uldiv input.radio_input{margin: 0;padding: 0; opacity: 0; z-index: 3;vertical-align: middle;}
.me2 .metwobox02 .choose_uldiv input.radio_input[type="radio"]{position: absolute;left: 0;top: 0;right: 0px;bottom: 0px;margin: 0;padding: 0;opacity: 0;width: 100%;height:100%;}
.me2 .metwobox02 .choose_uldiv input.radio_input[type="radio"] + label{padding-left: 20px;display: block;margin-right: 30px;}
.me2 .metwobox02 .choose_uldiv input.radio_input[type="radio"] + label font{display:block;line-height: 30px;color: #333;font-size: 17px;font-family: proximanova-light;}
.me2 .metwobox02 .choose_uldiv input.radio_input[type="radio"] + label::before{content: '';display: block;position: absolute;left: 0;top: 6px;width: 15px;height: 15px;cursor:pointer;background: url(../images_webp/icon07.webp) no-repeat left bottom;}
.me2 .metwobox02 .choose_uldiv input.radio_input[type="radio"] + label::after{content: '';display: block;position: absolute;left: 0;top: 6px;width: 15px;height: 15px;}
.me2 .metwobox02 .choose_uldiv input.radio_input[type="radio"] + label::after {background: url(../images_webp/icon08.webp) no-repeat left bottom;display: none;}
.me2 .metwobox02 .choose_uldiv input.radio_input[type="radio"]:checked + label::after {display: block; cursor:pointer;}
.me2 .metwobox02 .choose_uldiv input.radio_input[type="radio"]:checked + label::before,.choose_ul li .choose_uldiv input.radio_input[type="checkbox"]:checked + label::after {-webkit-animation: cd-bounce 0.3s;-moz-animation: cd-bounce 0.3s;animation: cd-bounce 0.3s;}
.me2 .metwobom{padding:0px;margin:0px;font-size: 18px;}
.me2 .metwobom font{display:inline-block; padding-right:10px;}
.me2 .metwobom .metwobom{width:310px;height:34px;line-height:32px;font-family: proximanova-light;padding: 0px 10px;font-size: 17px;}
/**/
@media(min-width:992px){
    .me2 .metwobox01 .choose_uldiv{margin: 0px 60px 5px 0px;}
    .me2 .metwobox02 .choose_uldiv{margin: 0px 0px 10px 0px;}
}
/*about*/
.about h3{font-size: 36px;margin-bottom: 20px;text-align: center;line-height: 36px;}
.about p{font-size:15px;margin: 0px auto;color: #666;line-height: 24px;}
.about_intro{overflow:hidden;padding: 60px 10px 50px 10px;}
.about_intro .l{width:44%;}
.about_intro .l img{width:100%}
.about_intro .r{width:52%;}
.about_intro h3{font-size:26px;line-height:32px;padding-bottom:21px;border-bottom:#c9c9c9 1px solid;text-align:left}
.about_intro p{line-height:28px;margin-top:30px;}
.about_up{overflow:hidden;}
.about_up li{width: 18%;*width:16.5%;padding:30px 10px;margin: 0px;float:left;text-align:center;background:#f2f2f2;margin: 0px 1%;}
.about_up li{width: 18%;*width:16.5%;padding:30px 10px;margin: 0px;float:left;text-align:center;background:#f2f2f2;margin: 0px 1%;}
.about_up li img{width:68px;height:auto;margin-bottom: 20px;}
.about_up li h4{color:#2e2f42;font-size: 26px;line-height:40px;}
.about_up li p{margin-bottom:0;font-size:15px;}
.about_nl{padding:60px 0px 0px 0px;}
.about_nl p{clear:both; text-align:center; padding:0px 5%;}
.about_nl ul{margin-top: 40px;margin-left: -3%;}
.about_nl li{width: 22%;*width:23.5%;float:left;margin-left: 3%;margin-bottom: 30px;}
.about_nl li img{width:100%;height:auto}
.about_cor{background:url(../images_webp/index_cor_bg.webp) center no-repeat;background-size:100% 100%;padding: 70px 0 58px 0;margin-top:60px;}
.about_cor p,.about_cor h3{color:#fff}
.about_cor ul{overflow:hidden;margin-top: 50px;margin-left: -2%;}
.about_cor li{text-align:center;width: 23%;*width:15.5%;padding: 0px 15px 0px 15px;float:left;background:#fff;height: 180px;margin-left: 2%;}
.about_cor li img{width:60px; margin-top:30px;}
.about_cor li p{color:#555;line-height:20px;font-size:16px;*font-size:15px;font-size:15px \9;margin-top:20px}

/*contact*/
.contact{overflow:hidden; padding-top:60px;}
.contact h3{font-size: 36px;margin-bottom: 3px;text-align: center;line-height: 36px;padding:0 1%; color: #07256d;}
.contact p{padding: 12px 10% 60px 10%;font-size:16px;text-align: center;}
.contact dl{width:23%;width:22.6% \9;*width:22.6%;float:left;margin:0 1%;}
.contact dl img{width: 60px;height:auto;}
.contact dl dt{text-align:center;margin-bottom: 20px;}
.contact dl dd{margin-top:10px;text-align:center}
.contact dl dd p{padding:0;line-height:20px}
.contact dd span{display:block;text-align:center;font-size: 16px;color:#222;font-weight: 600;margin-bottom:15px;}
.contact dd .cont_email{color:#07256d;font-size: 20px;font-weight:600;text-decoration:underline;}
.contact dd .cont_talk{display: block;background: #07256d;color: #fff;text-align: center;margin-left: 7%;font-size: 18px;width: 86%;padding: 6px 0;font-weight: 600;}

/*news*/
.news_list{padding:60px 0px 30px 0px;overflow: hidden;}
.news_list li{float: left;padding-bottom: 10px;border-bottom: 1px dashed #ccc;width: 45%;margin-right: 5%;margin-bottom: 30px;padding-bottom: 30px;}
.news_list li h4{font-size: 18px;margin-bottom: 5px;line-height: 24px;height: 48px;overflow: hidden;}
.news_list li h4 a{color: #333;}
.news_list li:hover h4 a{color:#ff3a3a;}
.news_list li p{line-height: 20px;height: 60px;overflow: hidden;}
.news_list li .date{color:#666;font-size:15px;height: auto;background: url(../images_webp/rili01.webp) left center no-repeat;text-indent: 22px;background-size: 16px 16px;margin: 8px 0px;}
.news_list li .more{display: block;width: 200px;padding: 4px 0;border: solid 1px #ffd800;text-align: center;margin-top: 10px;}

.pages {color: #999; margin:25px 15px 15px; clear:both;   }
.pages a, .pages .cpb {text-decoration:none; padding:3px 12px; margin:2px; border: 1px solid #ddd;background: #fff;font-size:11px; color:#000;display:inline-block;font-size:15px}
.pages a:hover { background-color: #ed1c24; color:#fff;border:1px solid #E61636; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #ed1c24; border:1px solid #ed1c24;}

.news_cont{overflow:hidden}
.news_cont h1{font-size:27px;line-height:27px;color:#2b2b2b;margin-bottom:17px;text-align:center}
.news_cont_l .news_tip{text-align:center;margin-bottom:30px;padding:10px 0;background:#f5f5f5}
.news_cont_l p{margin-bottom:10px;line-height:23px;}
.news_cont_l h3{font-size: 24px;margin-bottom: 20px;margin-top: 22px;line-height: 24px;color: #ff3a3a;overflow: hidden;}
.news_tip span{display:inline-block;}
.news_tip .date{font-style:italic;font-size:16px;color:#4f4f4f;margin-right:50px}
.news_tip .email{padding-left:30px;background:url(../images_webp/news_email.webp) left 0px no-repeat;background-size:25px;font-size:18px}
.news_tip .email a{color:#ff3a3a;font-size:17px;font-weight:600;margin-left:3px;}
.news_cont_l{width:75%;float:left}
.news_cont_r{width:19%;width:20% \9;*width:20%;float:right;border: 1px solid #f1f1f1;padding:1%;}
.news_cont_r h3{color: #424354;font-size:18px;text-transform: uppercase;text-align: center;margin: 10px auto;padding-bottom: 15px;border-bottom: 1px solid #f1f1f1;}
.news_cont_r li img{width:100%}
.news_cont_r li p{text-align: center;margin:6px 0 15px;}

.news_rela{width:98%;padding:20px 1% 0;border-top:5px solid #f0f0f0;overflow:hidden;margin-top:30px}
.news_rela .l a{display: block;width: 70px;height: 28px;float: left;text-align: center;line-height: 28px;border: 1px solid #b9b9b9;font-size: 16px;margin-right: 10px;color: #000;}
.news_rela .r{width: 85px;}
.news_rela .r a{background: url(../images_webp/news_back.webp) left center no-repeat;width: auto;padding-left: 32px;font-size: 18px;cursor: pointer;}

/*product_list*/
.plist_nav{overflow:hidden;padding: 60px 0px 50px 0px;}
.plist_nav a{display:inline-block;float:left;padding:15px 4%;padding:15px 3% \9;*padding:15px 3%;color:#111;background:#f0f0f0;margin-right:3px;font-size:16px}
.plist_nav .choose{background:#ffd200}
.pro_list ul{overflow:hidden;margin-left: -3%;}
.pro_list li{width:30.3333%;width:30.3333% \9;*width:30.3333%;float: left;margin-left: 3%;margin-bottom: 30px; position:relative; overflow:hidden;}
.pro_list li img{width:100%}
.pro_list li h4{font-size: 16px;margin: 15px 0 10px;display: block;line-height:19px;height:38px;}
.pro_list li p{margin-bottom:2px;}
.pro_list li .pro_listfloat{position:absolute;left:-100%; top:0px;padding:60px 40px 0px 40px; background:url(../images_webp/h_bg.webp) repeat center center; width:100%; height:100%; transition:all .5s;}
.pro_list li:hover .pro_listfloat{left:0px; transition:all .5s;}
.pro_list li .pro_listfloat h4{color:#fff;font-size:24px;padding-bottom: 30px;line-height:30px;height: auto;}
.pro_list li .pro_listfloat h4 a{color:#fff;}
.pro_list li .pro_listfloat h4 a:hover{ text-decoration:underline;}
.pro_list li .pro_listfloat p{color:#fff;font-size:18px;}

/*project*/
.pj_list ul{overflow:hidden;margin-left:-3%; padding-top:60px;}
.pj_list li{width: 30.333%;width: 30% \9;*width: 30%;float: left;margin-left:3%;margin-bottom: 30px;}
.pj_list li img{width:100%}
.pj_list li .pj_listbomdiv{border:1px solid #ddd; border-top:0px; padding:10px 20px 15px 20px; background:#fff;}
.pj_list li:hover .pj_listbomdiv{background:#f0f0f0;}
.pj_list li h4{font-size: 17px;margin: 10px 0 10px;display: block;line-height:20px}
.pj_list li p{font-size: 15px;margin-bottom:2px;}
.pj_list li:hover .pj_listbomdiv{border:1px solid #2e2f42; background:#2e2f42; color:#fff;}
.pj_list li:hover .pj_listbomdiv h4 a{color:#fff;}
.proj_intro p strong,.proj_intro p b{width: auto;text-align: left;float: none;margin-right: 3px;}
.proj_intro p span{float:none;width:auto}
.proj_intro h1{margin-bottom:25px}
.proj_intro p{font-size:16px}
.proj_cont{width:76%}
.sol_guide { margin-top:40px; overflow:hidden;}
.sol_guide ul li { float:left; width:20%; text-align:center; margin-right:4px;}
.sol_guide ul li a  { display:block; background:#f3f3f3; padding:18px 0; font-size:16px;}
.sol_guide ul li a.active1 { background:#ffd800;}
.sol_guide ul li a:hover {background:#ffd800;}


@media screen and (max-width:1200px){
.nav{width:76%;}
.nav li{padding:0 3%}
.plist_nav a{padding:15px 3%}
.pro_talk a{width:36%;padding:0 6%}	
.pro_text p strong, .pj_top p b{width:33%}
.pro_text p span{width:65%}
.pro_cont_r .pro_r_list dt{font-size:18px}
.order_email{padding-top:25px}
.index_news li h3,.news_cont_r h3{font-size:18px}
.foot_email input.email{width:69%}
.about_cor li p{font-size:15px}
.pro_list li h4{height:44px}
.news_cont_r{width:20%}
.order_email h3{margin-bottom:16px}

}



/*lcadd*/
.csccc h5{
    width: auto;
    background: #fff;
    font-size: 16px;
    color: #222222;
    font-weight:normal;
    text-align:center;
    padding: 5px 15px;
    margin: 0 20px 20px 0;
    display: inline-block;
    box-shadow:0 0 0.8rem #cfe2ff inset;
    border-radius: 50px;
    cursor: pointer;
}
.csccc h5.on{box-shadow:0 0 0.8rem #4890fd inset;}