@charset "utf-8";/*******CSS commont*************/html {font-size:62.5%;/* 10÷16=62.5% */}
body,div,ul,li,dl,dt,dd,ol,li,h1,h2,h3,form,input,textarea,p {margin:0;padding:0;}
img {border:0;max-width:100%;}
ol,ul {list-style:none;}
h1,h2,h3 {font-weight:normal;font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select,button {font-weight:inherit;font-size:inherit;font-family:inherit;border:0px;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}
/*******CSS reset*************/body {background:#fff;color:#333;font-size:14px;font-size:1.4rem;font-family:'Microsoft YaHei','微软雅黑',Arial;}
@media (min-width:1200px) {body {font-size:15px;font-size:1.5rem;}
}
a {color:#333;text-decoration:none;cursor:pointer;transition:all 0.3s;}
a:hover {text-decoration:none;color:#003e95;}
.left {float:left;}
.right {float:right;}
.ovfl {overflow:hidden;}
.mar {margin:0px auto;}
.clear {clear:both;}
.hidden {display:none;}
.filter_bg8 {filter:alpha(opacity=80);opacity:0.8;}
.truncate {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*******Css*******//*******Css header*******/#top {height:28px;line-height:28px;background:#DB0303;margin:0px auto;color:#fff;}
#top a {color:#fff;}
.top_sp2 a {float:left;}
.top_sp2 b {color:#FFD800;}
.top_sp2 i {width:1px;height:28px;background:#ED646A;float:left;margin:0px 10px;}
#header {padding:10px 0px;}
#header .container {position:relative;}
.logo {width:50%;}
.logo img {max-width:100%;}
.page_banner {background:url(../images/page_banner.jpg) center no-repeat;}
.page_banner img {opacity:0;}
.nav-trigger {width:26px;height:26px;z-index:999;background:url(../images/micon.png) no-repeat;outline:0px;cursor:pointer;position:absolute;top:50%;margin-top:-13px;right:15px;}
.navigation-is-visible .nav-trigger {width:32px;height:30px;background:url(../images/icon11.png) no-repeat;position:absolute;top:50%;margin-top:-15px;left:15px;}
.nav_transform1 {position:absolute;top:0;left:20%;display:none;z-index:20;overflow-y:scroll;padding:10px;width:80%;border:0;background:#FFFFFF;text-transform:none;overflow-scrolling:touch;}
.nav_transform1 {transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1 {-webkit-transform:none;transform:none;display:block;}
.nav-overlay {position:fixed;top:0;left:50%;margin-left:-375px;z-index:10;width:750px;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay {opacity:1;pointer-events:auto;}
.navp1 {padding:10px 0px 10px 30px;}
.navp1 img {max-width:80%;}
.navp2 {padding-left:30px;font-size:1.4rem;}
.navp2 b {font-size:1.6rem;color:#d72904;}
.navul {width:90%;margin:15px auto 25px;}
.nav-item {position:relative;line-height:40px;max-height:40px;font-size:1.6rem;padding:0px 20px;}
.nav-item.on a {color:#003e95;font-weight:bold;}
#mnav {padding:6px;background:#0a9023;overflow:hidden;}
#mnav a {color:#fff;height:30px;border-radius:15px;line-height:30px;float:left;width:25%;text-align:center;}
#mnav a.on {background:#fff;color:#0a9023;}
.tuijian {padding:1rem 0;font-size:1.6rem;line-height:2.5rem;}
@media (max-width:768px) {
    .page_banner {background:url(../images/mpage_banner.jpg) center no-repeat;background-size:auto 100%;}
    .tuijian {line-height:2.2rem;font-size:1.4rem;}
    .de-contact .contact-list {margin-top:30px;}
}
.tuijian .mlink {color:#6b6a6a;padding:0 0.5rem}
.tuijian .mlink:hover {color:#0a9023;}
.tuijian .mtitle {color:#d72904;font-weight:bold;padding-left:2rem;background:url(../images/i-tuijian.png) left center no-repeat;}
.tuijian .zixun {font-size:1.4rem;color:#d72904;background:url(../images/i-zixun.png) left center no-repeat;}
@media (min-width:768px) {
    .logo {width:32%;}
    #mnav a {width:12.5%;}
}
@media (min-width:992px) {
    .logo {width:24%;}
    .nav {float:right;margin-top:15px;}
    .nav a {float:left;font-size:1.5rem;height:30px;line-height:30px;padding:0px 10px;border-radius:15px}
    .nav a.on {color:#fff;background:#003e95}
    .nav a:hover {color:#fff;background:#003e95}
}
@media (min-width:1200px) {
    #header {padding:32px 0px;}
    .logo {width:350px;}
    .tel {position:absolute;top:0;right:245px;font-weight:bold;font-size:1.6rem;}
    .tel span {color:#e2133a;font-family:Arial;font-size:1.8rem;background:url(../images/toptel.png) left center no-repeat;padding-left:2rem}
    .top-mes {position:absolute;top:0;right:140px;font-size:1.4rem;color:#003e95;background:url(../images/i-mes.png) left center no-repeat;padding-left:2rem}
    .top-wx {position:absolute;top:0;right:37px;font-size:1.4rem;color:#0a9023;background:url(../images/i-weixin.png) left center no-repeat;padding-left:2rem}
    .top-wx div {display:none;z-index:999;overflow:hidden;width:150px;height:150px;position:absolute;top:100%;right:0;}
    .nav {width:800px;margin-top:35px;float:right;}
    .nav a {width:11.11%;float:left;font-size:1.6rem;text-align:center;}
    .tuijian {padding:1.5rem 0;}
    .tuijian .zixun {float:right;padding-left:3rem}
    .tuijian .mlink {font-size:1.6rem;}
    .tuijian .mtitle {font-size:1.6rem;}
}
/*******Css banner*******/
.banner {width:100%;height:530px;text-align:center;overflow:hidden;margin:0px auto;position:relative;}
.page_banner {width:100%;margin:0px auto;text-align:center;overflow:hidden;}
.page_banner img {max-width:100%;}
.title02 .p01 {font-size:2rem;color:#4e4d4c;font-weight:bold;text-align:center;}
.title02 .p02 {color:rgba(100,94,94,0.8);line-height:2rem;padding-top:1rem;text-align:center;}
@media (min-width:1200px) {
    .title02 .p01 {font-size:3.6rem;line-height:5.6rem;}
    .title02 .p02 {text-align:center;font-size:1.4rem}
}
/*******Css home*******//* css product */
#chan1 {overflow:hidden;padding-top:1rem;background:url(../images/type.jpg) top center no-repeat;}
@media(max-width:768px) {
    #chan1 {background-size:100% 100%;padding-top:0}
}
.owl-carousel .owl-item {padding:15px 0}
.title01 {padding:1rem 0;text-align:left;}
.title01 big {font-size:2rem;color:#fff;font-weight:bold;line-height:5rem;text-align:center;display:block;}
.title01 p {line-height:2rem;color:rgba(255,255,255,0.8);margin:0 auto;text-align:center;}
.typebox {color:#717171;background:#fff;padding:2rem 1.8rem;border-radius:1rem;margin:0 0.4rem;box-shadow:0px 0px 15px rgba(0,0,0,0.2)}
.typebox img {width:100%;}
.typebox .p01 {font-size:1.8rem;color:#474747;transition:0.4s all;font-weight:bold;text-align:center;}
.typebox:hover .p01 {color:#003e95}
.typebox .p02 {line-height:2.5rem;color:#302f2f;text-align:center;margin-top:10px;}
.typebox .p03 {width:100%;margin:0.8rem 0rem}
.typebox .p04 {line-height:2.5rem}
.typebox .p05 {color:#003e95;text-align:center;padding-top:1.2rem}
@media(min-width:1200px) {
    .typebox .p03 {height:160px}
}
@media(max-width:640px) {
    .typebox .p03 {height:105px}
}
.typebox .p05 span {background:url(../images/more.png) right center no-repeat;padding-right:2rem}
.products {overflow:hidden;padding:15px 0}
@media (min-width:768px) {
    #owl-carousel1 .owl-items {padding:15px 15px;}
}
@media (min-width:1200px) {
    #chan1 {position:relative;}
    .title01 {padding:3rem 0 1.2rem 0;}
    .title01 p {width:90%;max-width:800px;margin:0 auto;text-indent:0rem;text-align:center;}
    .title01 big {font-size:3.6rem;}
    .typebox {padding:3rem 1.8rem;}
    .typebox .p01 {font-size:3.0rem;}
    .typebox .p03 {margin:2rem 0}
    .typebox .p04 {text-align:center;height:60px;overflow:hidden;font-size:1.4rem}
    .typebox .p05 {font-size:1.4rem;}
}
/* css introduce */
#chan2 {padding:2rem 0;overflow:hidden;}
#chan2 .p03 {width:80%;padding-top:3.3rem;margin:0 auto}
#chan2 .btn-more {color:#fff;font-size:1.4rem;background:#003e95;padding:1rem 2rem;border-radius:2.1rem;float:left;}
#chan2 .btn-more:hover {background:#0a8fc7;}
#chan2 .btn-zixun {color:#fff;font-size:1.4rem;background:#d72904;padding:1rem 2rem;border-radius:2.1rem;float:right;}
#chan2 .btn-zixun:hover {background:#df1818;}
#chan2 span {line-height:2rem;padding-right:3rem;background:url(../images/more1.png) right center no-repeat;display:inline-block;}
@media (min-width:1200px) {
    #chan2 {padding:3rem 0 4rem;}
    #chan2 .p03 {width:35%;}
    #chan2 .title02 .p02 {padding-top:0;max-width:90%;margin:0 auto;}
    #chan2 .btn-more {padding:1.2rem 3.5rem;}
    #chan2 .btn-zixun {padding:1.2rem 3.5rem;}
}
/* css advantage *//* CSS 详情页 */
#cpbox01 {width:100%;height:auto;overflow:hidden;position:relative;padding:15px 0 30px;}
.cp_img {float:left;}
.cp_img img {width:100%;border:1px #ebebeb solid;}
.cp_detail {float:right;overflow:hidden;position:relative;}
#cp_txt {width:100%;height:auto;font-size:14px;line-height:26px;overflow:hidden;}
#cp_txt h2 {line-height:2;padding-top:15px;font-size:20px;font-weight:bold;}
#cp_txt .prodata {width:100%;clear:both;}
#cp_txt span {width:66px;float:left;}
#cp_btn {width:345px;height:40px;padding-top:10px;position:relative;}
#btn01 {width:128px;height:38px;line-height:38px;text-align:center;color:#fff;background:#003e95;float:left;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
#btn01:hover {background:#353535;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;cursor:pointer;}
#btn02 {width:128px;height:38px;line-height:38px;text-align:center;color:#fff;background:#333;float:left;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;float:left;margin-left:23px;}
#btn02:hover {background:#0a9023;color:#fff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;}
#cp_lx {height:44px;line-height:44px;padding-left:26px;background:url(../images/i-tel.png) left center no-repeat;margin-top:20px;position:relative;}
#cp_fx {width:345px;height:40px;position:relative;}
#cp_lx span {font-weight:bold;font-size:22px;font-style:italic;font-family:Arial}
#pro_txt {width:100%;height:40px;background:#f5f5f5;}
#pro_t {width:100%;height:50px;background:#e0e0e0;}
#pro_t span {color:#fff;line-height:50px;font-size:16px;background:#003e95;display:inline-block;padding:0 30px}
#chan3 {height:auto;overflow:hidden;}
#chan3 .advantage {padding:1rem 0}
#chan3 .txt p {height:50px;color:#4e4d4c;    overflow: hidden;}
#chan3 .txt span {width:15%;height:8rem;margin-left:8%;display:inline-block;float:left;}
#chan3 .txt {line-height:1.5rem;border:1px solid #003e95;border-radius:65px;padding:5% 5% 5% 8%;margin-bottom:20px;width:100%;color:#fff;box-sizing:border-box;}
#chan3 .advantage li:nth-child(1) .txt {background:url(../images/a.png) left 10% center no-repeat;}
#chan3 .advantage li:nth-child(2) .txt {background:url(../images/b.png) left 10% center no-repeat;}
#chan3 .advantage li:nth-child(3) .txt {background:url(../images/c.png) left 10% center no-repeat;}
#chan3 .advantage li:nth-child(4) .txt {background:url(../images/d.png) left 10% center no-repeat;}
#chan3 .advantage li:nth-child(1):hover .txt {background:#d72904 url(../images/ah.png) left 10% center no-repeat;}
#chan3 .advantage li:nth-child(2):hover .txt {background:#d72904 url(../images/bh.png) left 10% center no-repeat;}
#chan3 .advantage li:nth-child(3):hover .txt {background:#d72904 url(../images/ch.png) left 10% center no-repeat;}
#chan3 .advantage li:nth-child(4):hover .txt {background:#d72904 url(../images/dh.png) left 10% center no-repeat;}
#chan3 .advantage li:hover .txt {border:1px solid #d72904;cursor:pointer;}
#chan3 .advantage li:hover .txt b {color:#fff;}
#chan3 .advantage li:hover .txt p {color:#fff;}
#chan3 .txt b {font-size:1.8rem;margin-top:10px;display:block;color:#003e95;}
#chan3 .m-txt {color:#fff;line-height:2rem;padding:1rem 2rem;margin-bottom:1rem;border-radius:1rem;}
#chan3 .m-txt b {font-size:2rem;line-height:3.3rem;padding-left:4rem;display:block;}
@media (max-width:767px) {
    .title01 p,.title02 p {font-size:1.2rem;}
    #chan3 .txt {padding-left:28%;}
    #chan3 .txt p {height:auto;font-size:1.2rem;line-height:2rem}
    #chan5 .newslist .ntxt {font-size:1.4rem !important;}
    #company_main {padding:10px 0 !important;}
}
@media(min-width:768px) {
    #chan3 .txt {/*line-height:1.5rem;border-radius:60px;*/        padding:5% 5% 5% 30%;/*margin-bottom:20px;*/}
}
@media(min-width:992px) {
}
@media (min-width:1200px) {
    #chan3 .txt {padding:2% 2% 2% 140px;height:132px;}
    #chan3 .txt p {font-size:1.4rem;line-height:2rem}
    #chan3 .txt b {font-size:2.2rem;line-height:3.3rem;}
    #chan3 .txt p {width:100%;}
    #chan3 .advantage .imgy {width:20%;}
    #chan3 .advantage {padding:4.3rem 0}
}
/* css case */
#chan4 {padding:0.8rem 0;height:auto;overflow:hidden;}
#chan4 .casebox {background:#003e95 url(../images/type.jpg) no-repeat;background-size:cover;margin-top:2.4rem}
#chan4 .btnbox {width:85%;padding-top:2rem;margin:0 auto;}
#chan4 .btn-in {color:#003e95;font-size:1.4rem;background:#fff;padding:0.8rem 3rem;border-radius:1.8rem;margin-top:-1.8rem}
#chan4 .btn-in:hover {color:#fff;background:#003e95;}
#chan4 .btnbox span {line-height:2rem;padding-right:3rem;background:url(../images/more.png) right center no-repeat;display:inline-block;}
#chan4 .btn-in:hover span {background:url(../images/more1.png) right center no-repeat;}
#owl-carousel2 {margin-top:15px;}
.product_img img {width:100%;border-radius:30px;height:200px;}
.product_txt {color:#fff;line-height:6rem;text-align:center;}
.product_txt:hover {color:#d72904}
#owl-carousel2 .owl-items {padding:0px 8px;}
@media (max-width:767px) {
    .product_img img {height:140px;}
    .product_txt {line-height:3rem;}
    #chan4 .btn-in {padding: 0.8rem 2rem;}
}
@media (min-width:1200px) {
    #owl-carousel2 {margin-top:62px;}
    #chan4 .btnbox {width:350px;}
    #chan4 .btnbox {padding-top:3.3rem}
    #chan4 .title02 .p02 {padding-top:0;}
}
#chan5 {padding:2rem 0}
#chan5 .title02 .p01 {text-align:left;}
#chan5 .newsbox {padding-top:1rem}
#chan5 .hotnews {height:auto;background:#003e95;overflow:hidden;border-radius:1rem}
#chan5 .hotnews img {width:100%}
#chan5 .hotnews .hotnews-txt {color:#fff;padding:1.5rem 2rem}
#chan5 .hotnews .p01 {font-weight:bold;font-size:1.6rem;display:block;}
#chan5 .hotnews .p02 {font-size:1.4rem;color:rgba(255,255,255,0.6);}
#chan5 .newslist {padding:2rem 0 1rem}
#chan5 .newslist li {height:auto;padding-bottom:1.2rem;overflow:hidden;}
#chan5 .newslist .ntime {}
#chan5 .newslist .ntxt {color:rgba(0,0,0,0.6);}
#chan5 .newslist .p01 {font-size:1.6rem;color:#282828;display:block;}
#chan5 .newslist .p02 {line-height:2.4rem;overflow:hidden;}
#chan5 .msg-box {height:auto;position:relative;overflow:hidden;}
#chan5 .msg-box .title02 {padding-bottom:2rem}
#chan5 .msg01 {width:49%;height:40px;line-height:40px;border:1px solid #dedede;padding:0px 10px;float:left;outline:none;margin-bottom:10px;}
#chan5 .pr {margin-right:2%}
#chan5 .msg02 {width:100%;height:40px;line-height:40px;border:1px solid #dedede;padding:0px 10px;float:left;outline:none;margin-bottom:10px;}
#chan5 .msg03 {width:100%;height:118px;line-height:40px;border:1px solid #dedede;padding:0px 10px;float:left;outline:none;margin-bottom:10px;}
#chan5 .msg04 {width:49%;height:40px;line-height:40px;color:#fff;border:1px solid #003e95;background:#003e95;padding:0px 10px;float:left;outline:none;margin-bottom:1rem;transition:0.4s all}
#chan5 .msg04:hover {border:1px solid #ff7608;background:#ff7608;}
#chan5 .G_inimg {height:30px;position:absolute;left:25%;bottom:77px}
#chan5 .Validform_checktip {display:none !important}
#chan5 .beizhu {font-size:1.4rem;color:#4e4d4c;line-height:60px}
@media(max-width:767px) {
	#chan5 .newslist li {margin-bottom: 1.2rem;border-bottom:1px dashed #eee;}
}
@media(min-width:992px) {
	#chan5 .newslist .p02 {height:80px;}
}
@media (min-width:1200px) {
    #chan5 .title02 .p01 {font-size:30px}
    #chan5 .hotnews {width:40%;float:left;transition:0.4s all}
    #chan5 .hotnews:hover {background:#d72904}
    #chan5 .newslist li {padding-bottom:35px;}
    #chan5 .newslist li p {transition:all 0.3s;}
    #chan5 .newslist li:hover .ntime big {color:#003e95;}
    #chan5 .newslist li:hover .p01 {color:#003e95;font-weight:bold;padding-left:6px}
    #chan5 .newslist {width:58%;float:right;padding:0;margin-top:-10px}
    #chan5 .newslist .p01 {line-height:3rem;transition:0.4s all}
    #chan5 .ntime {width:20%;color:#4e4d4c;text-align:center;float:left;}
    #chan5 .ntime big {font-size:50px;line-height:62px;display:block;}
    #chan5 .ntxt {width:80%;line-height:2rem;font-size:1.4rem;color:rgba(0,0,0,0.6);float:right;height:90px;overflow:hidden;}
    #chan5 .msg-box .title02 {padding-bottom:10px}
    .news-box {width:65%;float:left;}
    .msg-box {width:32%;float:right;}
}
/*******Css footer*******/
.ftmenu {text-align:center;}
.ftmenu .container {background:#003e95}
.ftmenu a {width:25%;height:30px;color:#fff;line-height:30px;text-align:center;display:inline-block;float:left;}
.ftmenu a:hover {font-weight:bold;color:#ff0}
@media (min-width:1200px) {
    .ftmenu {background:url(../images/ftmenu.jpg) repeat-x #151515;}
    .ftmenu .container {border-radius:27px;}
    .ftmenu a {width:11.11%;line-height:55px;font-size:1.6rem;height:55px;/*float:none;*/}
}
#footer {background:#151515;padding:1rem 0px;line-height:2;font-size:1.4rem;color:#9b9b9b;margin-bottom:65px;}
#footer a {color:#9b9b9b;}
#footer a:hover {text-decoration:underline;color:#fff;}
@media (max-width:768px) {
    #footer span {display:block;}
}
.footernav {width:100%;color:#fff;height:auto;overflow:hidden;position:fixed;bottom:0px;padding:10px 0px;left:0px;z-index:999;background:#003e95;}
.footernav a {color:#fff;font-size:1.2rem;}
.footernav ul li {width:20%;float:left;text-align:center;}
.footernp1 {font-size:2rem;}
.footernp2 {line-height:1.5;}
.footernav ul li.on .footernp1 {animation:swing 1s;}
#warp {}
@media (min-width:768px) {
    #footer {margin-bottom:0px;text-align:center;}
    .fmenuc a {width:12.5%;}
    .fmenup2 {text-align:center;}
}
@media (min-width:992px) {
    .fmenuc a {width:auto;margin:0px 20px;display:inline-block;float:none;}
}
@media (min-width:1200px) {
    .weixin {position:absolute;top:0px;right:0px;text-align:center;line-height:40px;}
    #footer {padding:30px 0px;font-size:1.4rem;line-height:2.8rem}
    #warp {margin-bottom:50px;}
}
/*******Css page*******/
#page_titles {height:35px;line-height:35px;border-bottom:solid 1px #D4D4D4;position:relative;}
.page_titlet {background:#003e95;font-size:1.6rem;font-weight:bold;color:#fff;padding:0px 20px;float:left;}
.right_titlebtn1 {position:absolute;right:10px;font-size:2rem;cursor:pointer;top:0px;color:#003e95;}
.page_pro {width:100%;position:absolute;top:35px;z-index:999;left:0px;background:#f9f9f9;padding:8px 0px;display:none;}
.page_pro a {width:100%;height:40px;line-height:40px;float:left;background:url(../images/line3.jpg) repeat-x bottom;}
.page_pro a span {width:80%;float:left;height:40px;overflow:hidden;padding-left:15px;font-size:1.4rem;}
.page_pro a i {float:right;margin-right:15px;color:#999;margin-top:14px;}
.page_pro a.on span {color:#0a9023;}
.mess {padding-bottom:20px;border-bottom:solid 1px #dedede;margin-bottom:30px;overflow:hidden;}
.messp1 {height:30px;line-height:30px;color:#DB0303;font-size:1.6rem;font-weight:bold;}
@media (min-width:768px) {
    .page_titlec {float:right;color:#666;}
    .page_titlec a {color:#666;}
}
@media (min-width:992px) {
    .page_titlec {margin-right:0px;}
    .page_titlesc {float:left;margin-left:30px;}
    .page_titlesc a {float:left;margin:0px 10px;position:relative;color:#444444;}
    .page_titlesc a span {width:0px;height:4px;background:#DB0303;position:absolute;transition:all 0.3s;bottom:0px;left:50%;margin-left:-50%;}
    .page_titlesc a.on span {width:100%;}
    .page_titlesc a:hover span {width:100%;}
    .left_side {width:20%;float:left;margin-top:25px;}
    .left_sidep1 {height:45px;line-height:45px;background:#003e95;font-size:1.8rem;color:#fff;padding:0px 20px;}
    .left_sidep1 a {color:#fff;}
    .left_sideul {margin-top:5px;width:100%;padding:0;}
    .left_sideul li {height:40px;margin-top:5px;overflow:hidden;}
    .left_sideul li a {float:left;line-height:40px;background:#F3F2F2;width:100%;font-size:1.4rem;padding:0px 15px;}
    .left_sideul li a:hover {background:#d72904;color:#fff;}
    .left_sideul li.selectli a {background:#0a9023;color:#fff;}
    .pcontact {margin-top:25px;}
    .pcontact_01 {margin-top:5px;line-height:2;}
    .right_side {width:78%;float:right;margin-top:25px;}
}
@media (min-width:1200px) {
    .left_sidep1 {height:50px;line-height:50px;font-size:2.3rem;}
    .left_sideul li a {font-size:1.6rem;}
    #page_titles {height:50px;line-height:50px;}
    .page_titlet {font-size:2.3rem;padding:0px 30px;}
    .page_titlesc {margin-left:40px;font-size:1.6rem;}
    .page_titlesc a {margin:0px 15px;}
    .mess {padding-bottom:40px;}
    .messp1 {height:50px;line-height:50px;font-size:2.2rem;}
}
/*******Css company*******/
#proinfos {margin-top:20px;}
.proinfosul {height:40px;padding:0px 10px;text-align:center;line-height:40px;border:solid 1px #DEDEDE;background:#F7F7F7;}
.proinfosul li {width:25%;cursor:pointer;float:left;}
.proinfosul li i {margin-right:5px;display:inline-block;}
.proinfosul li span {display:inline-block;}
.proinfosul li:hover {color:#DB0303;}
.proinfosul .proinfossp1 {width:1px;height:40px;background:url(../images/line4.jpg) no-repeat center;float:left;margin:0px 8px;}
.proinfosul li.active {color:#003e95;}
.proinfosc {margin-top:10px;padding:10px 0px;border-top:solid 1px #dedede;}
.prot {height:30px;line-height:30px;overflow:hidden;}
.prot span {float:left;color:#003e95;font-size:1.5rem;font-weight:bold;}
.prot i {float:left;color:#999;font-size:1.2rem;margin-left:5px;}
.procact {font-size:1.6rem;font-weight:bold;margin-top:15px;}
.procactc {margin-top:10px;}
.procactc p {background:#F7F7F7;border:solid 1px #CECECE;padding:0px 10px;height:40px;line-height:40px;margin-bottom:15px;}
@media (min-width:768px) {
    .proinfosul li {width:16%;}
}
@media (min-width:992px) {
    .proinfosul li {width:12%;}
    .procactc p {width:30%;float:left;margin-right:1%;}
    .procactc p:last-child {width:35%;}
}
@media (min-width:1200px) {
    #proinfos {margin-top:40px;}
    .proinfosul {height:58px;line-height:58px;font-size:1.6rem;}
    .proinfosul li {width:15%;}
    .proinfosul li i {margin-right:10px;}
    .proinfosul .proinfossp1 {height:58px;}
    .prot {height:50px;line-height:50px;}
    .prot span {font-size:1.8rem;}
    .prot i {font-size:1.4rem;margin-left:10px;}
    .procact {font-size:2rem;}
    .procactc {margin-top:20px;overflow:hidden;}
    .procactc p {height:50px;line-height:50px;padding:0px 15px;}
}
/*******Css list*******/
#indexNews1 {}
#indexNews1 li {border-bottom:#dedede 1px dotted;padding:5px 0px 10px 0px;margin-top:10px;height:100%;overflow:hidden;transition:all 0.3s;}
.indexNews1p1 {height:30px;line-height:30px;font-size:1.4rem;font-weight:bold;overflow:hidden;}
.indexNews1p2 {height:25px;line-height:25px;color:#999;overflow:hidden;}
.indexNews1p2 span i {margin-right:5px;}
.indexNews1p3 {line-height:25px;height:50px;overflow:hidden;color:#666;color:#666;padding-top:5px;}
#indexNews1 li a:hover .indexNews1p1 {color:#0a9023;}
.indexNews1_img {margin-bottom:5px;}
.indexNews1_img img {width:100%;}
#indexNews1 li:hover {transform:translateY(-5px);}
.indexNews1p4 {margin-top:10px;color:#0a9023;}
#picUL li {margin:10px 0px;overflow:hidden;padding:0 5px;}
#picUL li a {width:100%;height:100%;float:left;background:#fff;text-align:center;}
#picUL li a .pic_01 {width:100%;height:100%;overflow:hidden;border:solid 1px #dedede;}
#picUL li a .pic_01 img {max-width:100%;height:125px;transition:all 0.3s;}
#picUL li a .pic_02 {height:35px;line-height:35px;overflow:hidden;margin:0px 5px;}
#picUL li a:hover {background:#d72904;color:#fff;}
#picUL li a:hover .pic_01 img {transform:scale(1.05);}
#proUL,#picUL,#prev_next,#indexNews1 {width:100%;padding:0;margin:0;}
#proUL li {margin:10px 0px;overflow:hidden;height:100%;}
#proUL .pic_01 {overflow:hidden;border:solid 1px #dedede;}
#proUL .pic_01 img {width:100%;transition:all 0.3s;}
#proUL .pic_02 {height:40px;line-height:40px;font-weight:bold;font-size:1.6rem;overflow:hidden;}
#proUL .pic_03 {line-height:23px;height:69px;overflow:hidden;color:#666;}
.products_txt3 {height:30px;margin-top:5px;}
.products_txt3 a {width:46%;height:28px;line-height:28px;text-align:center;}
.products_txt3 a.pic_04a1 {border:solid 1px #ccc;color:#666;float:right;}
.products_txt3 a.pic_04a2 {background:#003e95;color:#fff;float:left;}
.products_txt3 a.pic_04a1:hover {border:solid 1px #0a9023;background:#0a9023;color:#fff;}
.products_txt3 a.pic_04a2:hover {background:#d72904;color:#fff;}
#proUL .pic_01:hover img {transform:scale(1.05);}
/*******Css info*******/
#company_main {margin:0 auto;line-height:2;padding:10px;}
#company_main img {max-width:100%;}
#company_main a {color:#DB0303;}
#contact_main {margin:0 auto;padding:10px;}
#contact_main a {color:#DB0303;}
#contact_main p {padding:10px;background:#f5f5f5;margin-bottom:10px;border-radius:8px;}
#company_main strong {color:#DB0303;}
#page_Title {line-height:1.8;font-size:1.5rem;text-align:center;}
.page_Info {height:50px;line-height:50px;margin-top:15px;color:#666;border-top:solid 1px #E6E6E6;border-bottom:solid 1px #E6E6E6;}
.page_Infoleft {padding-left:30px;float:left;}
.page_Infoleft i {margin-right:5px;}
.page_Share {margin-right:10px;float:right;}
.page_Share a {float:left;margin-left:10px;}
.page_Share a:hover {animation:swing 1s;}
.page_Share span {float:left;}
#infoImage {width:100%;text-align:center;margin:15px 0 15px 0;}
#infoImage img {max-width:100%;border:#dcdcdc solid 1px;}
.page_tit_bg {height:45px;background:#F9F9F9;border-radius:5px;margin:15px auto;}
.page_tit_tit {width:130px;height:45px;border-top-left-radius:2px;border-bottom-left-radius:2px;background:#DB0303;color:#ffffff;line-height:45px;text-align:center;font-size:1.6rem;}
#page_Content {margin:0 auto;line-height:2;padding:10px;}
#page_Content img {max-width:100%;display:block;margin:10px auto;}
#page_Content table {width:100%;margin:0 auto;border-width:1px;color:#333;border-color:#f1f1f1 !important;border-collapse:collapse;box-sizing:border-box;}
#page_Content table th {border-width:1px;padding:5px;border-style:solid;border-color:#f1f1f1 !important;background-color:#dedede;}
#page_Content table td {border-width:1px;padding:5px;border-style:solid;border-color:#f1f1f1 !important;}
#page_Content table td a {text-decoration:underline;color:#333;}
.page_Content {margin:0 auto;line-height:2;}
.page_Content img {display:block;margin:10px auto;max-width:100%;}
.page_Content table {width:100%;margin:0 auto;border-width:1px;color:#333;border-color:#f1f1f1 !important;border-collapse:collapse;box-sizing:border-box;}
.page_Content table th {border-width:1px;padding:5px;border-style:solid;border-color:#f1f1f1 !important;background-color:#dedede;}
.page_Content table td {border-width:1px;padding:5px;border-style:solid;border-color:#f1f1f1 !important;}
.page_Content table td a {text-decoration:underline;color:#333;}
.page_link {margin-top:15px;font-size:18px;color:#DB0303;}
.search_cp {height:45px;line-height:45px;font-size:16px;}
.search_cp span {color:#DB0303;}
/*******Css related*******/
.related {margin-top:15px;}
.related p {height:35px;line-height:35px;font-size:1.6rem;font-weight:bold;border-bottom:solid 1px #F1F1F1;}
.related ul {width:100%;padding:10px 0px;float:left;}
.related ul li {width:50%;height:28px;line-height:28px;float:left;}
.related ul li b {float:left;}
.related ul li a {float:left;margin-left:5px;display:inline;color:#666;}
.related ul li a:hover {color:#DB0303;}
.pro_cls {height:100%;overflow:hidden;margin:10px auto;}
.pro_cls li {width:50%;float:left;margin-top:10px;}
.pro_cls li a {width:90%;margin:0px 5%;overflow:hidden;height:40px;line-height:40px;border:solid 1px #dedede;border-radius:10px;text-align:center;float:left;}
.pro_cls li a:hover {background:#DB0303;color:#fff;}
.pro_cls li.on a {background:#DB0303;color:#fff;}
#owl-carousel4 {margin-top:10px;}
#owl-carousel4 .owl-items {text-align:center;}
.pror_img {overflow:hidden;}
.pror_img img {width:100%;}
.pror_txt {height:40px;line-height:40px;overflow:hidden;text-align:center;}
.page_t {height:42px;clear:both;margin-top:20px;}
.page_t span {height:40px;line-height:40px;font-size:1.8rem;font-weight:bold;border-bottom:solid 2px #999;float:left;}
#zz {height:100%;overflow:hidden;margin-top:20px;background:#9AC104;padding:15px 0px;}
.zz_p1 {text-align:center;font-size:1.8rem;font-weight:bold;color:#fff;}
.zz_p1 a {color:#fff;}
.zz_p2 {text-align:center;margin-top:5px;color:#fff;}
.zz_img {overflow:hidden;}
.zz_img img {width:100%;}
.zz_txt {height:40px;line-height:40px;overflow:hidden;color:#fff;text-align:center;}
.pro_img {text-align:center;margin-top:15px;border:solid 1px #BABABA;}
.pro_img img {max-width:100%;}
.pro_con {margin-top:10px;}
.pro_conp1 {line-height:1.5;padding-bottom:10px;border-bottom:dashed 1px #eee;}
.pro_conp2 {height:40px;line-height:40px;font-size:1.6rem;color:#DB0303;}
.pro_conp2 b {margin-right:5px;font-size:2rem;}
.pro_conp3 {height:40px;margin-top:10px;}
.pro_conp3 a {width:40%;height:40px;border-radius:5px;line-height:40px;float:left;margin:0px 5%;float:left;background:#DB0303;text-align:center;color:#fff;}
.pro_conp3 a.pro_conp3a1 {background:#FF7B02;}
.pro_conp3 a:hover {background:#FFC314;}
.pro_conp3 a.pro_conp3a1:hover {background:#FFC314;}
.pro_conp4 {margin-top:20px;}
.pt {font-size:1.6rem;color:#DB0303;}
.pro_pr {padding:10px 0px;color:#DB0303;}
.right_content {padding:0px;}
@media (min-width:768px) {
    .right_title_left {font-size:2.2rem;width:180px;height:50px;line-height:50px;margin-left:-90px;top:-45px;}
    .indexNews1p3 {line-height:25px;padding-top:5px;overflow:hidden;}
    #page_Title {font-size:1.8rem;}
    #contact_main {width:70%;float:left;}
    .ewm {float:right;margin-right:20px;margin-top:25px;}
    .pro_cls li {width:25%;float:left;}
    .indexNews1_img {width:28%;float:left;margin-bottom:0px;height:151px;}
    .indexNews1_txt {width:70%;float:right;}
    #owl-carousel4 .owl-items {padding:5px;}
}
@media (min-width:992px) {
    #picUL li a .pic_02 {height:40px;line-height:40px;}
    .pro_img {width:40%;float:left;}
    .pro_con {width:55%;float:right;}
    .pro_conp3 a {width:150px;margin:0px 15px 0px 0px;}
    .indexNews1_img {width:25%;height:176px;}
    .indexNews1_txt {width:73%;float:right;}
}
@media (min-width:1200px) {
    .right_title {height:80px;line-height:80px;}
    .right_title_left {font-size:3rem;width:210px;height:65px;line-height:65px;margin-left:-105px;top:-60px;}
    .right_title_right_sp2 {height:80px;}
    .right_title_right_sp1 {margin-top:35px;}
    .indexNews1p1 {height:38px;line-height:38px;font-size:1.6rem;}
    .indexNews1p3 {font-size:1.4rem;margin-top:5px;}
    .indexNews1p4 {margin-top:10px;}
    #page_Title {font-size:2.2rem;}
    .page_tit_tit {width:150px;font-size:1.8rem;}
    .related p {font-size:1.8rem;}
    .related ul li {height:32px;line-height:32px;}
    .pro_cls li {width:20%;}
    .pro_cls li a {height:50px;line-height:50px;}
    #owl-carousel4 {margin-top:20px;}
    #owl-carousel4 .owl-items {padding:10px;}
    .pror_txt {height:50px;line-height:50px;overflow:hidden;text-align:center;}
    .page_t {height:67px;}
    .page_t span {font-size:3rem;height:65px;line-height:65px;}
    .zz_p1 {font-size:3rem;}
    .pro_conp2 {height:60px;line-height:60px;font-size:2rem;margin-top:15px;}
    .pro_conp2 b {font-size:3rem;}
    .pro_img {margin-top:30px;}
    .pro_con {margin-top:25px;}
    .pro_conp3 {height:45px;}
    .pro_conp3 a {height:45px;line-height:45px;}
    #proUL li {margin:15px 0px;}
    #proUL .pic_02 {font-size:1.8rem;}
    .pt {font-size:1.8rem;}
    .indexNews1_img {height:220px;}
    .products_txt3 {height:42px;margin-top:10px;}
    .products_txt3 a {width:135px;height:40px;line-height:40px;}
    .products_txt3 a.products_txta1 {margin-left:25px;}
}
/*******Css job*******/#job_ul {}
#job_ul li {border-bottom:dashed 1px #cfcfcf;padding:10px 0px;height:100%;overflow:hidden;}
#job_ul li .recruit_info {float:left;width:80%;}
.job_nam {color:#DB0303;font-weight:bold;}
#job_ul li .recruit_but {height:45px;float:right;margin-top:10px;margin-right:22px;}
.job_ul li .recruit_but a {width:150px;height:45px;line-height:45px;background:#1C5FB8;border-radius:2px;text-align:center;float:left;}
.recruit_info_tit_bg {height:40px;background:#f8f8f8;border-radius:2px;margin:15px auto;}
.recruit_info_tit_bg .recruit_info_tit {width:140px;height:45px;border-top-left-radius:2px;border-bottom-left-radius:2px;background:#DB0303;color:#ffffff;line-height:45px;text-align:center;}
.recruit_info_main {margin:0px auto;margin-top:10px;margin-bottom:60px;padding:5px 20px;line-height:32px;}
.seek_job {margin-left:20px;}
.seek_job li {padding-top:10px;height:100%;overflow:hidden;}
.seek_t1 {float:left;font-weight:bold;height:40px;line-height:40px;width:60px;}
.job_nam {float:left;margin-left:15px;color:#DB0303;font-weight:bold;}
.G_InputText {width:250px;height:40px;line-height:40px;border:1px solid #dedede;padding:0px 10px;float:left;border-radius:2px;outline:none;}
.G_InputText:hover {border:1px solid #DB0303;}
.G_captcha {width:100px;height:40px;line-height:40px;border:1px solid #dedede;padding:0px 10px;float:left;border-radius:2px;outline:none;}
.G_captcha:hover {border:1px solid #DB0303;}
.G_textarea {width:250px;height:150px;line-height:30px;border:1px solid #dedede;padding:0px 10px;float:left;border-radius:2px;outline:none;}
.G_textarea:hover {border:1px solid #DB0303;}
.G_select {float:left;border:1px solid #dedede;height:40px;line-height:40px;}
.job_radio {float:left;}
.G_img {float:left;margin-top:10px;margin-left:5px;}
.G_But {width:340px;height:50px;line-height:50px;background:#029141;border-radius:5px;text-align:center;color:#FFF;cursor:pointer;transition:all 0.3s;float:left;outline:none;border:0px;font-size:18px;}
.G_But:hover {background:#E5A318;}
@media (min-width:768px) {
    .G_InputText {width:400px;}
    .G_textarea {width:500px;}
}
@media (min-width:1200px) {
    .seek_job li {padding-top:15px;}
    .G_InputText {width:400px;}
    .G_textarea {width:550px;}
    .seek_job {float:left;}
    .mess_img {float:right;width:400px;margin-top:30px;}
    .mess_img img {max-width:100%;}
    #picUL li a .pic_01 img {height:218px}
}
/*******Css prev_next*******/
#prev_next {margin:10px 10px;clear:both;overflow:hidden;}
#prev_next li {margin:10px 0;}
#prev_next li i {margin-right:5px;}
#prev_next li a:hover {color:#DB0303;}
/*css digg style pagination*/
div.digg {margin:10px auto;text-align:center;float:right;display:inline;}
div.digg a {border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#666;display:inline-block;}
div.digg a:hover {border:#003e95 1px solid;color:#fff;background:#003e95;}
div.digg a:active {border:#003e95 1px solid;color:#fff;background:#003e95;}
div.digg span.current {border:solid 1px #003e95;padding:3px 15px;font-weight:bold;margin:3px;color:#fff;background-color:#003e95;display:inline-block;}
div.digg span.disabled {border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#ddd;display:inline-block;}
div.digg select {border:#dedede 1px solid;padding:3px 0px;display:inline-block;}
@media(max-width:768px) {
    #chan2 .p03 {width:90%}
}
#c_mess_box div {padding:0 2px;}
#c_mess_box input,#page_index #c_mess_box textarea {margin-bottom:10px !important;}
#c_mess_box .border {width:100%;padding:10px 10px !important;border:1px solid #efefef !important;height:3.5rem;box-sizing:border-box;background:#fff;}
.de-contact .contact-list {border:1px solid #efefef !important;background:#fafafa;padding:10px;padding-bottom:0;border-radius:10px;margin-bottom:30px;}
.de-contact .contact-list li {margin-bottom:10px;}
.de-contact .contact-list ul li div {padding-left:60px;color:#595959;padding:15px 15px 15px 60px;border-radius:5px;}
.de-contact .contact-list ul li div.icon-01 {background:url(../images/contact-icon-01.png) no-repeat 10px 10px #fff;}
.de-contact .contact-list ul li div.icon-02 {background:url(../images/contact-icon-02.png) no-repeat 10px 10px #fff;}
.de-contact .contact-list ul li div.icon-03 {background:url(../images/contact-icon-03.png) no-repeat 10px 10px #fff;}
.de-contact .contact-list ul li div.icon-04 {background:url(../images/contact-icon-04.png) no-repeat 10px 10px #fff;}
.de-contact .contact-list ul li div.icon-05 {background:url(../images/contact-icon-05.png) no-repeat 10px 10px #fff;}
.de-contact .contact-list ul li div.icon-06 {background:url(../images/contact-icon-06.png) no-repeat 10px 10px #fff;}
.de-contact .contact-map {overflow:hidden;}
.de-contact .contact-map #dituContent {width:100%;height:475px;margin:0 auto 30px;border:1px dotted #ccc;border-radius:10px;}
.de-contact .contact-map #dituContent img {max-width:unset !important;}