﻿/*Generated by wjdhcms 3.0 */



.product-message .btn-tj {



	background-color: #008cd7;



}



.driving-way .hd li.on {
    background-color: #008cd7;
}



.case-list li .more {



	background-color: #008cd7;



}



.news-tab .on {



	background-color: #008cd7;



}



.news-top .info span{



	background-color: #008cd7;



}







.pages .current {



	background-color: #008cd7;



	border: 1px solid #008cd7;



}







.product-info a svg {



	fill: #008cd7;



}



/*

首页样式*/



/**/.g-nav{position: relative;}

.g-nav a{display: block;float: left;width: 33.33%;ackground: #1758b2;background: -moz-linear-gradient(top, #1758b2 0%, #0a3c97 100%);background: -webkit-linear-gradient(top, #1758b2 0%,#0a3c97 100%);background: linear-gradient(to bottom, #1758b2 0%,#0a3c97 100%);;font-size: 1rem;color: #fff;text-align: center;padding: 0.9rem 0;border-right: 1px solid #fff;border-bottom: 1px solid #fff;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}

.g-nav a img{width: 25%;margin: 0 auto;padding: 0.5rem 0 0.4rem;}

.g-nav a:nth-child(3n){border-right: none;}

/**/.g-adv{position: relative;}

.g-adv .m-cnt{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.67);}

.g-adv .m-cnt li{width: 33.3%;height: 0.2rem;float: left;}

.g-adv .m-cnt li.z-on{background: #EB181B;}

/**/.g-tel{height: 2.8rem;line-height: 2.8rem;}

.g-tel a{display: block;font-size: 1rem;background: #008cd7;color: #fff;text-align: center;}

.g-tel b{font-size: 1.4rem;font-weight: normal;}

.g-tel span{padding-left: 2.2rem;display: inline-block;background: url(../images/tel.png) no-repeat 0 center;background-size: 1.46rem;}

/**/.g-coop{width: 94%;margin: 0 auto;padding: 1.6rem 0;position: relative;font-size: 1rem;}

.g-coop h3{text-align: center;background: url(../images/line.png) no-repeat 0 0.7rem;background-size: 100% 1px;margin-bottom: 1rem;}

.g-coop h3 a{color: #e60037;font-size: 1.083rem;font-weight: bold;line-height: 1.4rem;}

.g-coop h3 span{display: block;color: #ccc;font-size: 0.83rem;text-transform: uppercase;}

.g-coop .sclwrap_box{width: 90%;margin: 0 auto;}

.g-coop .m-box ul{float: left;display: inline;}

.g-coop .m-box li{width: 30%;float: left;margin-right: 3%;}

.g-coop .m-box li:last-child{margin-right: 0;}

.g-coop .m-box li:first-child{margin-left: 2%;}

.g-coop .m-box li img{border: 1px solid #ccc;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}

.g-coop .m-box li span{display: block;text-align: center;color: #333;padding: 0.8rem 0 0;}

.g-coop .prev{width: 0.92rem;left: 0;top: 7rem;position: absolute;display: block;z-index: 999;}

.g-coop .next{width: 0.92rem;right: 0;top: 7rem;position: absolute;display: block;z-index: 999;}

/* ��Ŀ*/.g-xm{margin-top: 20px;font-size: 1rem;background: #008cd7;background-size: 100% 1.6rem;padding-bottom: .8rem;margin-bottom: 1.5rem;}

.g-xm h3{text-align: center;font-size: 1.5rem;color: #fff;font-weight: bold;height: 3.9rem;line-height: 3.9rem;border-top: 1px solid #008cd7;background: #008cd7;/* Old browsers*/background:-moz-linear-gradient(top, #008cd7 0%, #008cd7 50%, #008cd7 50%, #008cd7 50%, #008cd7 100%);/* FF3.6+*/background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #008cd7), color-stop(50%, #008cd7), color-stop(50%, #008cd7), color-stop(50%, #008cd7), color-stop(100%, #008cd7));/* Chrome,Safari4+*/background:-webkit-linear-gradient(top, #e60037 0%, #008cd7 50%, #008cd7 50%, #008cd7 50%, #008cd7 100%);/* Chrome10+,Safari5.1+*/background:-o-linear-gradient(top, #e60037 0%, #008cd7 50%, #008cd7 50%, #008cd7 50%, #008cd7 100%);/* Opera 11.10+*/background:-ms-linear-gradient(top, #e60037 0%, #008cd7 50%, #008cd7 50%, #008cd7 50%, #008cd7 100%);/* IE10+*/background: linear-gradient(to bottom, #008cd7 0%, #008cd7 50%, #008cd7 50%, #008cd7 50%, #008cd7 100%);/* W3C*/}

.g-xm h3 a{color: #fff;display: block;border-top: 1px solid #008cd7;}

.m-xm{width: 84.2%;padding: 0 5% 1rem;margin: 0 2.9%;background: #fffbfb;background-size: 0.13rem;}

.g-xm .m-cnt{padding: 1.6rem 0 0.8rem;}

.g-xm .m-cnt li{width: 46%;margin-right: 4%;float: left;background: #fff;border:0.1em solid #dec6c8;padding: 0.8rem 0;text-align: center;color: #333;margin-bottom: 0.6rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.g-xm .m-cnt li:nth-child(2n){margin-right: 0;}

.g-xm .m-cnt li.z-on{background: #008cd7;font-weight: bold;color: #fff;}

.g-xm .m-box li{width: 48%;margin-right: 4%;float: left;margin-bottom: 1.2rem;}

.g-xm .m-box li:nth-child(2n){margin-right: 0;}

.g-xm .m-box li img{border: 1px solid #ccc;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;height:auto;}

.g-xm .m-box li span{display: block;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 1.2rem;width: 100%;padding-top: 0.8rem;font-size: 0.92rem;text-align: center;}

.g-xm .m-box ul{display: block;height: 13em;}

.g-xm p{width: 50%;margin: 0 auto;padding-bottom: 0.5rem;background: url(../images/shadow.png) no-repeat center bottom;background-size: 100% 0.58rem;}

.g-xm i{display: block;text-align: center;border: 1px solid #008cd7;border-radius: 0.2rem;-moz-border-radius: 0.2rem;-o-border-radius: 0.2rem;-webkit-border-radius: 0.2rem;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}

.g-xm i a{height: 2.6rem;line-height: 2.6rem;display: block;color: #fff;font-size: 1.09rem;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;background: #008cd7;/* Old browsers*/background:-moz-linear-gradient(top, #008cd7 0%, #008cd7 50%, #008cd7 50%, #008cd7 50%, #008cd7 100%);/* FF3.6+*/background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #008cd7), color-stop(50%, #008cd7), color-stop(50%, #008cd7), color-stop(50%, #008cd7), color-stop(100%, #008cd7));/* Chrome,Safari4+*/background:-webkit-linear-gradient(top, #008cd7 0%, #008cd7 50%, #008cd7 50%, #008cd7 50%, #008cd7 100%);/* Chrome10+,Safari5.1+*/background:-o-linear-gradient(top, #008cd7 0%, #008cd7 50%, #008cd7 50%, #008cd7 50%, #008cd7 100%);/* Opera 11.10+*/background:-ms-linear-gradient(top, #008cd7 0%, #008cd7 50%, #008cd7 50%, #008cd7 50%, #008cd7 100%);/* IE10+*/background: linear-gradient(to bottom, #008cd7 0%, #008cd7 50%, #008cd7 50%, #008cd7 50%, #008cd7 100%);/* W3C*/}

.ds{background: #5c5c5c;color: #fff;font-size: 0.6rem;height: 6rem;line-height: 1rem;margin-bottom: 0.8rem;overflow: hidden;padding: 0.5rem;}

.ds a{color: #008cd7;font-size: 0.7rem;}

/**/.g-fa{width: 94%;background: url(../images/fa_bg2.jpg) repeat;background-size: 100% 100%;padding: 0 3% 1rem;}

.g-fa h3{padding: 1.2rem 0 1.5rem;text-align: center;font-size: 1.083rem;line-height: 1.4rem;font-weight: bold;color: #008cd7;}

.m-fa{position: relative;height: 24rem;}

.g-fa .m-cnt{position: absolute;width: 100%;left: 0%;z-index: 99;}

.g-fa .m-cnt li{text-align: center;width: 30%;font-size: 1.25rem;font-weight: bold;color: #333;height: 6.75rem;background: url(../images/fa_bg3.png) no-repeat;background-size: 100% 100%;position: absolute;}

.g-fa .m-cnt li span{display: block;font-family: "Times New Roman", Times, serif;font-size: 2rem;color: #646464;padding-top: 1rem;}

.g-fa .m-cnt li.z-on{background: url(../images/fa_bg4.png) no-repeat;background-size: 100% 100%;color: #fff;}

.g-fa .m-cnt li.z-on span{color: #fff;}

.g-fa li:nth-child(1){top: 0;left: 0;}

.g-fa li:nth-child(2){top: 8.2rem;left: 0;}

.g-fa li:nth-child(3){top: 16.5rem;left: 0;}

.g-fa li:nth-child(4){top: 16.5rem;left: 35%;}

.g-fa li:nth-child(5){top: 16.5rem;left: 70%;}

.g-fa .con{width: 66%;position: absolute;right: 0;top: 0;}

.g-fa .m-box li img{border: 1px solid #ccc;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}

.g-fa .m-box li{float: left;display: inline;}

/**/
.g-ys {
    font-size: 1rem;
}
.g-ys img {
    display: block;
    width: 100%;
}
.g-ys .m-box .con {
    display: inline;
    float: left;
    min-height: 1rem;
}
.g-ys dd {
    margin: 0 4.1%;
}
.g-ys dd em {
    color: #333;
    font-weight: bold;
    display: block;
    padding-left: 3.5rem;
    margin: 0.5rem 0;
    line-height: 2.3rem;
}
.g-ys .con:nth-child(1) dd em {
    background: url(../images/num1.png) no-repeat 0 center;
    background-size: 2.875rem;
}
.g-ys .con:nth-child(2) dd em {
    background: url(../images/num2.png) no-repeat 0 center;
    background-size: 2.875rem;
}
.g-ys .con:nth-child(3) dd em {
    background: url(../images/num3.png) no-repeat 0 center;
    background-size: 2.875rem;
}
.g-ys .con dd #num4{
    background: url(../images/num4.png) no-repeat 0 center;
    background-size: 2.875rem;
}
.g-ys dd em span {
    display: block;
    color: #0c419c;
    font-size: 1.167rem;
}
.g-ys dd p span {
    display: block;
    color: #333;
    line-height: 1.3rem;
    padding-left: 3rem;
    padding-bottom: 0.5rem;
    background: url(../images/ys_bg.png) no-repeat 1.8rem 0;
    background-size: 0.79rem;
}
.g-ys dd p span:first-child {
    background: url(../images/ys_bg3.png) no-repeat 1.8rem 0;
    background-size: 0.79rem;
}
.g-ys dd p span:last-child {
    background: url(../images/ys_bg2.png) no-repeat 1.8rem 0;
    background-size: 0.79rem;
}
.g-ys .m-cnt {
    padding: 2rem 0 2.5rem;
    text-align: center;
}
.g-ys .m-cnt li {
    background: #a0a0a0;
    width: 0.75rem;
    height: 0.75rem;
    display: inline-block;
    margin: 0 2%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
}
.g-ys .m-cnt li.z-on {
    background: #0c419c;
}
/**/
.g-pro{padding: 1.6rem 0 1rem;}

.g-pro h3{text-align: center;background: url(../images/line.png) no-repeat 0 0.7rem;background-size: 100% 1px;margin-bottom: 1.4rem;}

.g-pro h3 a{color: #333;font-size: 1.083rem;font-weight: bold;line-height: 1.4rem;}

.g-pro h3 span{display: block;color: #ccc;font-size: 0.83rem;text-transform: uppercase;}

.g-pro ul{margin: 0 3%;}

.g-pro li{width: 47%;margin-right: 6%;float: left;margin-bottom: 1.2rem;}

.g-pro li:nth-child(2n){margin-right: 0;}

.g-pro li img{border: 1px solid #ccc;height: auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}

.g-pro li span{display: block;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 1.2rem;width: 100%;padding-top: 0.8rem;font-size: 0.92rem;text-align: center;}

/**/.g-fast{font-size: 1rem;background: url(../images/bg2.png) repeat;background-size: 0.13rem;padding: 1.4rem 0 0.8rem;}

.g-fast h3{text-align: center;font-size: 1.083rem;font-weight: bold;color: #e60037;margin-bottom: 1.2rem;}

.g-fast p{text-align: center;}

.g-fast p a{display: inline-block;width: 26.9%;text-align: center;padding: 0.4rem 0;border: 1px solid #808080;color: #666;margin: 0 2% 0.8rem 2%;}

/**/.g-cust{font-size: 1rem;}

.g-cust h3{font-size: 1rem;background: #e60037;line-height: 1.5rem;padding: 0.4rem 0;text-transform: uppercase;}

.g-cust h3 em{float: left;font-size: 0.8rem;padding-left: 0.8rem;}

.g-cust h3 em a{color: #fff;}

.g-cust h3 em b{font-size: 1.083rem;}

.g-cust h3 span a{float: right;color: #fff;padding-right: 1.1rem;background: url(../images/cust_ic1.png) no-repeat right center;background-size: 0.88rem;margin-right: 0.8rem;}

.g-cust p{margin: 0 3%;padding: 1.5rem 0 0.5rem;}

.g-cust p a{float: left;width: 50%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;padding-left: 1.2rem;color: #666;background: url(../images/cust_ic2.png) no-repeat 0 center;background-size: 0.33rem;margin-bottom: 1rem;}

/**/.g-honor{font-size: 1rem;position: relative;padding-bottom: 1.5rem;}

.g-honor h3{font-size: 1rem;background: #e60037;line-height: 1.5rem;padding: 0.4rem 0;text-transform: uppercase;margin-bottom: 1.6rem;}

.g-honor h3 em{float: left;font-size: 0.8rem;padding-left: 0.8rem;}

.g-honor h3 em a{color: #fff;}

.g-honor h3 em b{font-size: 1.083rem;}

.g-honor h3 span a{float: right;color: #fff;padding-right: 1.1rem;background: url(../images/cust_ic1.png) no-repeat right center;background-size: 0.88rem;margin-right: 0.8rem;}

.g-honor .sclwrap_box{width: 88%;margin: 0 auto;}

.g-honor .m-box ul{float: left;display: inline;}

.g-honor .m-box li{width: 44%;float: left;margin-right: 4%;}

.g-honor .m-box li:last-child{}

.g-honor .m-box li:first-child{margin-left: 4%;}

.g-honor .m-box li img{border: 1px solid #ccc;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}

.g-honor .m-box li span{display: block;text-align: center;color: #333;padding: 0.6rem 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.g-honor .prev{width: 0.92rem;left: 2%;top: 7.5rem;position: absolute;display: block;z-index: 999;}

.g-honor .next{width: 0.92rem;right: 2%;top: 7.5rem;position: absolute;display: block;z-index: 999;}

.zk_rrzz img{height: 10rem;}

/**/
.m-gy {
    overflow: hidden;
}
.m-gy .demo-box {
    height: 28em;
    overflow: hidden;
}
.m-gy ul{
    background: #eeeeee;
    overflow: hidden;
}
.m-gy ul li{
    float: left;
    width: 33.33333%;
    text-align: center;
    line-height: 2.5em;
    color: #333333;
    background: #eeeeee;
}
.m-gy ul li.z-on{
    color: #ffffff;
    background: #0d6fcc;
}
.m-gy .box-style {
    position: relative;
    overflow: hidden;
}
.m-gy .sclwrap_box {
    height: 25em;
    overflow: hidden;
}
.m-gy .m-box{
    height: 25em;
    overflow: hidden;
}

element.style {
    float: left;
    display: block;
    width: 375px;
}
.page {
    display: inline;
    float: left;
}
.m-gy h3 {
    padding: 1.25em 0 0.3em 0;
}
.m-gy h3 a {
    display: block;
    width: 90.625%;
    margin: 0 auto;
}
.gsjj img {
    height: auto;
}
.m-gy h4 {
    padding: 0 5% 3em;
    line-height: 1.5em;
    color: #595757;
    font-size: 100%;
    height: 6em;
    overflow: hidden;
}
.com {
    text-align: center;
}
.com a {
    display: inline-block;
    width: 34.375%;
    margin: 0 5%;
    text-align: center;
    line-height: 2.5em;
    color: #ffffff;
    background: #0d6fcc;
}
.com a span {
    font-size: 116%;
}
.com a:nth-of-type(2) {
    background: #a9a8a8;
}




/**/.g-news{font-size: 1rem;margin: 1.6rem 3%;}

.g-news .m-cnt{margin-bottom: 1.4rem;border-left: 0.1rem solid #333;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}

.g-news .m-cnt li{float: left;width: 33%;text-align: center;padding: 1rem 0;border: 0.1rem solid #3a3939;color: #333;border-left: none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}

.g-news .m-cnt li.z-on{background: #008cd7;color: #fff;}

.g-news dl{padding-bottom: 1.4rem;border-bottom: 1px dashed #ececec;margin-bottom: 0.8rem;}

.g-news dt{float: left;width: 33.3%;}

.g-news dt img{height: auto;}

.g-news dd{float: right;width: 62%;/* width: 150px;*/}

.g-news dd em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}

.g-news dd p{color: #666;line-height: 1.45rem;margin: 0.4rem 0 0;height: 4em;overflow: Hidden;}

.g-news dd a{color: #333;width: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.g-news .m-box div{display: inline;float: left;}

.g-news .m-box li{height: 2rem;line-height: 2rem;overflow: hidden;}

.g-news .m-box li em{float: left;padding-left: 0.8rem;background: url(../images/cust_ic2.png) no-repeat 0 center;background-size: 0.33rem;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.g-news .m-box li em a{color: #333;}

.g-news .m-box li span{float: right;color: #999;}









/*内页样式*/



.g-hd h1{color: #323232;float: left;color: #008cd7;font-weight: bold;word-spacing: 0.8rem;margin-top: 12px;line-height: 1.1;font-size: 1.4rem;width: 77%;}



.g-hd h1 strong{color: #333;font-weight: normal;display: block;font-size: 1.5rem;}



/*???????*/



.social_nav5 img{display: block; width: 100%;}



.m-logo img{width: 100%;}



/*??????*/



.g-ft{padding-bottom: 4rem; background: #fffbfb;}



.g-ft .m-fnav{font-size: 0.9rem; color: #333; padding: 1rem 0 0rem; text-align: center;    border: .1em solid #e7e7e7;}



.g-ft .m-fnav a{color: #333; display: inline-block; margin: 0 0.5rem 0.5rem; width: 5em;font-size: 1rem;}



.g-ft .m-if{text-align: center;}



.g-ft .m-if img{width: 33.6%; margin: 0 auto;}



.g-ft .m-if p{font-size: 1.1rem; line-height: 1.5rem; color: #666; padding: 0.5rem 0 0.5rem; }



.g-ft .m-if p a{color: #666;}



.u-top{width: 91.3%; margin: 0 auto 3em; color: #FFF; font-size: 1em; font-weight: bold; display: block; text-align: center; position: relative; height: 3.17em; line-height: 3.5em; background: #008cd7; -webkit-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



.u-top:before{position: absolute; content: ""; width: 0; height: 0; top: 50%; left: 60%; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-bottom: 0.5em solid #FFF;}



/* ?????????? */



.social_nav5{height: 4.2rem; position: fixed; bottom: 0; min-width: 320px; max-width: 640px; width: 100%; z-index: 999; background: #0c419c;}



.social_nav5 li{width: 25%; float: left; position: relative; font-size: 1rem; text-align: center; color: #fff; line-height: 1rem;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; background: url(../Images/Common/f_bg.png) no-repeat right center; background-size: 2px 100%;}



.social_nav5 li:last-child{border-right: none;}



.social_nav5 li em{width: 28%; display: block; margin: 0 auto; padding: 0.5rem 0;}



.social_nav5 li a{color: #fff;}



.social_nav5 li.cur{color: #fff;}



/*???????*/
