@charset "utf-8";

/* CSS Document */

.top{

    height: 62px; 

    background-color: #000000;

}

.top_left{

    width: 500px; 

    font-size: 20px; 

    color: #ffffff; 

    line-height: 62px; 

    float: left;

}

.top_right{

    width: 388px; 

    padding-top: 5px; 

    float: right;

}



.head{ 

    padding-top: 20px;

    height: 100px; 

    position: relative;

    z-index: 10;

    background-color: #fff;

    box-shadow: 0 1px 3px rgba(0,0,0,.4);

}

.head .logo{

    width: 240px;

}

.head .menu{

    width: 680px; 

    height: 76px; 

    padding-top: 16px;

}

.nav{

    width: 680px;

    height: 60px;

    position: relative; 

    z-index: 1; 

}

.nav a{ 

    color: #fff;  

}

.nav .nLi{

    padding-left: 20px; 

    width: 100px; 

    line-height: 20px; 

    float: left; 

    position: relative; 

    display: inline; 

}

.nav .nLi h3{ 

    float: left;

    height: 60px; 

}

.nav .nLi h3 a{ 

    font-size: 16px; 

    display: block; 

    color: #000000; 

    font-weight: normal;

}

.nav .nLi h3 a span{

    font-size: 12px;

}

.nav .nLi h3 a:hover{

    color: #0088cf;

}



.nav .sub{ 

    display: none; 

    width: 150px; 

    padding: 10px;

    left: -20px;

    top: 60px;  

    position: absolute; 

    background: #0088cf url("../images/sub_bg.jpg") top center no-repeat; 

/*    border-bottom: 36px solid #12499e;  */

}

.nav .sub li{ 

    height: 36px; 

    line-height: 36px; 

    border-bottom: 1px solid #028dd6; 

    padding: 0 10px;

    text-align: center;

}

.nav .sub a{ 

    display: block;

    font-size: 14px;  

}

.nav .on h3 a{ 

    color: #0088cf;  

}

.nav li.home{

    width: 80px;

}



.son_pros{

    width: 100%; 

    position: absolute; 

    display: none; 

    z-index: 1; 

    background: #0088cf; 

    color: #fff; 

/*    border-bottom: 36px solid #12499e;*/

    padding-left: 100px;

}

.son_pros .container{

    padding: 30px 0px; 

    background: url("../images/sub_bg.jpg") 65% 0px no-repeat;

}

.son_pros li.son{

    width: 240px; 

    padding-left: 10px;

    color: #fff; 

    float: left;

}

.son_pros li .son_title{

    font-size: 16px;

    font-weight: bold;

}

.son_pros li .son_cate{

    padding: 10px 0px;

}

.son_pros li .son_cate li{

    height: 23px; 

    line-height: 23px;

    font-size: 14px;

}

.son_pros li .son_cate li a{

    color: #ffffff; 

    font-family: "微软雅黑";

}

.son_pros li .son_cate li.nav_more a{

    color: #fea202;

}



.son_pros li.son1{

    width: 140px; 

    border-right: 1px solid #cccccc; 

    float: left;

    margin-right: 30px;

}

.son_pros li.son1 .son1_title{

    font-size: 25px; 

    font-weight: bold; 

    height: 44px; 

    line-height: 44px;

}

.son_pros li.son1 .son1_cate{

    padding: 10px 0px;

}

.son_pros li.son1 .son1_cate li{

    height: 36px; 

    line-height: 36px; 

}

.son_pros li.son1 .son1_cate li a{

    font-size: 16px;

    color: #fff;

}

.son_pros li.son1 .son1_cate li.big a{

    font-size: 18px;

}

.slider {

    position: relative;

    overflow: hidden;

    width: 100%;

}

.slideBox .hd {

    height: 10px;

    z-index: 1; 

    overflow: hidden;

    position: absolute;

    left: 50%;

    bottom: 20px;

    transform: translateX(-50%);

}

.slideBox .hd ul{ 

    text-align: center; 

    padding-top: 5px; 

}

.slideBox .hd ul li {

    cursor: pointer;

    float: left;

    margin-right: 5px;

    width: 30px;

    height: 10px;

    line-height: 14px;

    text-align: center;

    background: #fff;

}

.slideBox .hd ul .on {

    background: #00a2ff;

    color: #fff;

}

.slideBox .bd{ 

    position: relative; 

    z-index: 0; 

}

.slideBox .bd li img{

    width: 100%; 

    vertical-align: top;

}

.presentation{

    background-color: #f2f2f2;

    box-shadow: 0 2px 5px rgba(0,0,0,.3);

}

.presentation .sj_part{

    width: 25%;

    padding: 20px;

    border-left: 1px solid #b3b3b3;

    float: left;

    text-align: center;

}

.presentation .sj_part span{

    width: 48px;

    height: 48px;

    display: block;

    margin: 0 auto;

}

.presentation .sj_part span.c1{

    background: url(../images/age_icon2.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.presentation .sj_part span.c2{

    background: url(../images/qyzz_icon2.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.presentation .sj_part span.c3{

    background: url(../images/kehu_icon2.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.presentation .sj_part span.c4{

    background: url(../images/area_icon2.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.presentation .sj_part i{

    font-size: 24px;

    font-weight: bold;

/*    color: #e9840c;*/

    color: #265aa1;

    display: inline-block;

    line-height: 40px;

}

.presentation .sj_part h3{

    font-weight: normal;

    font-size: 16px;

    color: #333333;

}

.presentation .container > div:last-child{

    border-right: 1px solid #b3b3b3;

}

.fw_product{

    margin: 40px 0;

}

.common_tit{

    padding-bottom: 30px;

    background: url(../images/tt2.png) no-repeat center bottom;

    margin-bottom: 30px;

}

.common_tit > h2{

    font-size: 30px;

    font-weight: bold;

    color: #333333;

    margin-bottom: 10px;

}

.common_tit > h1 > span{

    color: #999999;

}

.common_tit > p{

    font-size: 20px;

    color: #666666;

    margin-bottom: 10px;

}

.pro_img{

    border: solid 1px #cccccc;

    padding: 10px 0;

    background: url(../images/cp_bg02.jpg) no-repeat;

/*    background: #e5e5e5;*/

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    overflow: hidden;

}

.pro_img > img{

    width: 100%;

    transition: all 0.6s;

}

.pro_img:hover img{

    transform: scale(1.1);

    transition: all 0.6s;

}

.pro_part p{

    line-height: 36px;

}

.tab_btn{

    width: 70%;

    height: 54px;

    margin: 0 auto;

    margin-bottom: 30px;

}

.tab_btn li{

    float: left;

    width: 25%;

    line-height: 48px;

    text-align: center;

    padding: 0 10px;

}

.tab_btn li > span{

    display: block;

    width: 100%;

    height: 100%;

/*    background-color: #e5e5e5;*/

    background-color: #265aa1;

    border-radius: 10px;

    cursor: pointer;

    position: relative;

    font-weight: bold;

    font-family: "微软雅黑";

    transition: all 0.6s;

    

}

.tab_btn li > span > a{

    position: relative;

    color: #fcfcfc;

    z-index: 9;

    font-weight: normal;

    width: 100%;

    height: 100%;

}

.tab_btn li > span:after{

    content: '';

    display: block;

    position: absolute;

    z-index: 0;

    background-color: #e9840c;

    width: 0%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border-radius: 10px;

    transition: all 0.6s;

}





.tab_btn li > span:hover:after{

     width: 100%;

}



.tab_btn  li:hover a{

    color: #fcfcfc;

}



.tab_btn li > span.mr{

    background-color: #e9840c;

}

.tab_btn li > span.mr a{

    color: #fcfcfc;

}

.area_part{

    position: relative;

    overflow: hidden;

}

.area_pic > img{

    width: 100%;

    transition: all 0.6s;

}

.area_part > h3{

    position: absolute;

    left: 0;

    bottom: 0;

    background-color: rgba(0,0,0,.5);

    color: #f2f2f2;

    text-align: center;

    font-size: 16px;

    line-height: 36px;

    width: 100%;

    font-weight: normal;

}

.application .row > div{

    margin-bottom: 20px;

}

.application{

    margin-bottom: 40px;

    background-color: #f2f2f2;

    padding-top: 40px;

    padding-bottom: 20px;

}

.area_part:hover .area_pic img{

    transform: scale(1.1);

    transition: all 0.6s;

}

.area_part:hover h3{

    background-color: rgba(0,0,0,.8);

}

.wt_box{

    height: 480px;

    background: url(../images/problem.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.wt_box ul{

    width: 100%;

    height: 100%;

    position: relative;

}

.wt_box ul li{

    position: absolute;

	width: 100px;

	height: 100px;

	border: 1px solid #666;

	font-size: 16px;

	padding-top: 30px;

	box-sizing: border-box;

	color: #2a2a2a;

	line-height: 20px;

	text-align: center;

	border-radius: 50%;

    cursor: pointer;

    background-color: #f2f2f2;

    box-shadow: 0 2px 5px rgba(0,0,0,.4);

}

.wt_box ul li.li1{

    width: 90px;

    height: 90px;

	top: 45px;

	left: 172px;

    padding-top: 20px;

}

.wt_box ul li.li2{

    top: 85px;

	left: 312px;

}

.wt_box ul li.li3{

    width: 90px;

    height: 90px;

    top: 154px;

	left: 70px;

    padding-top: 20px;

}

.wt_box ul li.li4{

    top: 212px;

	left: 258px;

}

.wt_box ul li.li5{

    width: 110px;

    height: 110px;

    top: 68px;

	right: 346px;

    padding-top: 34px;

}

.wt_box ul li.li6{

    width: 110px;

    height: 110px;

    top: 48px;

	right: 198px;

    padding-top: 34px;

}

.wt_box ul li.li7{

    top: 214px;

	right: 306px;

}

.wt_box ul li.li8{

    width: 130px;

    height: 130px;

    top: 198px;

	right: 84px;

    padding-top: 40px;

}

.wt_box ul li:hover{

    background-color: #e9840c;

    color: #f2f2f2;

    border-color: #999;

}

.yxgg{

    height: 180px;

    width: 100%;

    background: url(../images/yx_bg.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    padding-top: 30px;

	margin-bottom: 50px;

}

.yxgg .zx{

    float: right;

    color: #fafafa;

    margin-right: 50px;

}

.yxgg .zx > h2{

    font-size: 24px;

    margin-bottom: 10px;

}

.yxgg .zx > h1{

    font-size: 30px;

    margin-bottom: 10px;

    font-weight: bold;

}

.yxgg .zx > a{

    width: 120px;

    height: 30px;

    line-height: 30px;

    border-radius: 15px;

    display: block;

    background: #fff url(../images/zxzx_icon.png) no-repeat 85px center;

    color: #333333;

    padding-left: 10px;

    text-decoration: none;

}

.yxgg .zx > a:hover,

.navigation dd.zx:hover{

    animation:shake 1s linear;

    -webkit-animation:shake 1s linear;

}

.edge {

	color: #666666;

	font-family: "Microsoft Yahei";

	font-size: 16px;

    background: url(../images/line02.png) no-repeat;

    background-position:  center 200px;

    -webkit-background-size: 2px 950px;

    background-size: 2px 950px;

    margin-bottom: 40px;

}

.edge_title {

    width: 100%;

    margin-bottom: 50px;

}

.edge_title img{

    width: 100%;

}

.edge h3 {

	font-size: 28px;

	color: #fc8419;

    font-weight: bold;

	line-height: 38px;

    margin-bottom: 30px;

}

.edge h3 em {

	display: block;

	font-weight: normal;

	font-style: normal;

	font-family: Arial;

	font-size: 14px;

	color: #a8a8a8;

	text-transform: uppercase;

	line-height: 17px;

}

.edge .edge_cont{

    position: relative;

    margin-bottom: 20px;

}

.edge_p {

	width: 45%;

    float: left;

    overflow: hidden;

}

.edge_p > img,

.edge_w > img{

    width: 100%;

    transition: all .6s;

}

.edge_p:hover img,

.edge_w:hover img{

    transform: scale(1.2);

    transition: all .6s;

}

.edge_w {

	width: 45%;

    float: right;

    overflow: hidden;

}

.details_cont{

    padding-top: 18px;

}

.details_cont.tr{

    text-align: right;

}

.edge .details_cont li {

	clear: both;

	padding: 0 0 12px 23px;

	background: url(../images/jr_icon.png) no-repeat 2px 7px;

    line-height: 20px;

}

.details_cont.tr li{

    padding: 0 21px 12px 0;

    background: url(../images/jl_icon.png) no-repeat right 7px;

}

.edge_ico {

    width: 48px;

    height: 48px;

    position: absolute;

	top: 10px;

	left: 49%;

    transform: translateX(-49%);

}

.pc_change{

	display: none;

}

.liuc_bg {

    background-color: #165fac; 

    padding-top: 25px;

    height: 150px;

    margin-bottom: 40px;

    overflow: hidden;

}

.liuc_l {

    font-size: 30px;

    color: #fff;

    width: 200px;

    text-align: center;

    line-height: 36px; 

    padding:20px 0 0;

    float: left;

}

.liuc_l span {

    display: block;

    font-size: 14px;

    font-weight: normal;

    font-family:Arial, Helvetica, sans-serif;

    text-transform: uppercase;

}

.idesign-list {

    float: right;

    background: url(../images/liuc_line.gif) repeat-x 0 40px;

}

.idesign-list dl {

    width: 180px;

    height: 125px;

    float: left;

    text-align: center;

}

.idesign-list dl dt {

    width: 76px;

    height: 76px; 

    margin:0 auto;

}

.idesign-list dl dd {

    font-size: 14px;

    color: #fff; 

    padding:8px 0 0;

}

.idesign-list dl .icon {

    position: relative;

    display: block;

    width: 76px;

    height: 76px;

}

.idesign-list dl .icon i {

    position: absolute;

    width: 100%;

    height: 100%; 

    background-image: url(../images/liuc_ico03.png);

    top: 0;

    left: 0;

}

.idesign-list dl .icon .default {

    -webkit-transition: all 0.4s linear;

    transition: all 0.4s linear;

}

.idesign-list dl .icon .hover {

    opacity: 0;

    visibility: hidden;

	-webkit-transform: translate3d(0,0,-76px) rotate3d(1,0,0,90deg);

	transform: translate3d(0,0,-76px) rotate3d(1,0,0,90deg);

	-webkit-transform-origin: 50% 0%;

    transform-origin: 50% 0%;

    -webkit-transition: all 0.4s linear;

    transition: all 0.4s linear;

}

.idesign-list dl.i1 .icon .default {

    background-position: 0 0;

}

.idesign-list dl.i2 .icon .default {

    background-position: 0 -76px;

}

.idesign-list dl.i3 .icon .default {

    background-position: 0 -152px;

}

.idesign-list dl.i4 .icon .default {

    background-position: 0 -228px;

}

.idesign-list dl.i5 .icon .default {

    background-position: 0 -304px;

}

.idesign-list dl.i1 .icon .hover {

    background-position: -76px 0;

}

.idesign-list dl.i2 .icon .hover {

    background-position: -76px -76px;

}

.idesign-list dl.i3 .icon .hover {

    background-position: -76px -152px;

}

.idesign-list dl.i4 .icon .hover {

    background-position: -76px -228px;

}

.idesign-list dl.i5 .icon .hover {

    background-position: -76px -304px;

}

.idesign-list dl:hover .hover {

    opacity: 1;

    visibility: visible;

}

.idesign-list dl:hover .default {

    opacity: 0;

    visibility: hidden;

}

.idesign-list dl:hover dd{

    color: #fc8419;

}

.idesign-list dl:hover .default {

    -webkit-transform: translate3d(0,76px,0) rotate3d(1,0,0,-90deg);

    transform: translate3d(0,76px,0) rotate3d(1,0,0,-90deg);

}

.idesign-list dl:hover .hover {

    -webkit-transform: rotate3d(1,0,0,0deg);

    transform: rotate3d(1,0,0,0deg);

}



.choose_gn{

/*    background: #555 url(../images/hzhb_bg.png) no-repeat;*/

/*    background-color: #f2f2f2;*/

/*    padding: 40px 0;*/

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin-bottom: 20px;

}

/*.choose_gn .common_tit > h2{

    color: #fcfcfc;

}

.choose_gn .common_tit > p{

    color: #eee;

}*/

.choose_gn .row > div{

    margin-bottom: 20px;

}

.hzhb{

    background-color: #fff;

/*    box-shadow: 0 1px 3px rgba(255,255,255,.4);*/

    box-shadow: 0 1px 3px rgba(0,0,0,.4);

}

.hzhb > img{

    width: 100%;

}

.profile{

    padding: 40px 0;

    background-color: #f2f2f2;

    margin-bottom: 40px;

}

.qyxx,

.three_parts .nr .nr_pic{

    overflow: hidden;

}
.news_img{           /*新增*/
    height: 400px;
}
.qyxx > img,

.three_parts .nr .nr_pic > img,

.news_img > img{

    width: 100%;
    height: 100%;  /*新增*/
    transition: 1s;

}

.qyxx:hover img,

.three_parts .nr .nr_pic:hover img{

    transform: scale(1.2);

    transition: 1s;

}

.jtnr .three_parts {

    padding-top: 248px;

}

.three_parts .nr h3{

    width: 100%;

    line-height: 30px;

    background-color: #265aa1;

    font-size: 14px;

    color: #f2f2f2;

    text-align: center;

    font-weight: normal;

}

.three_parts .nr:hover h3{

    background-color: #e9840c;

}

.profile .jtnr{

    position: relative;

} 

.zjwm{

    position: absolute;

    width: 57%;

    padding: 20px;

    background-color: #fff;

    top: 30px;

    right: 0;

    box-shadow: 0 2px 5px rgba(0,0,0,.4);

}

.zjwm h2{

    font-size: 20px;

    color: #333;

    margin-bottom: 10px;

}

.zjwm .zjwm_cont p{

    text-align: justify;

    text-indent: 2em;

    line-height: 24px;

    margin-bottom: 10px;

}

.zjwm .zjwm_cont p:nth-of-type(2){

    margin-bottom: 0;

}

.zjwm .zjwm_cont a{

    padding: 0 10px;

    background-color: #265aa1;

    float: right;

    border-radius: 8px;

    color: #fcfcfc;

    font-size: 14px;

    margin-top: -20px;

}

.zjwm .zjwm_cont a:hover{

    background-color: #e9840c;

    animation:shake 1s linear;

    -webkit-animation:shake 1s linear;

}

.news_part h3{

    font-size: 18px;

    line-height: 50px;

    text-align: center;

    color: #333;

    text-decoration: underline;

    padding: 0 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.news_part p{

    text-align: justify;

    font-size: 16px;

    color: #555;

    line-height: 22px;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.list_nr li {

    height: 120px;

    padding: 10px 0;

    border-bottom: 1px solid #bfbfbf;

}



.list_nr li .time {

    width: 75px;

    margin-left: 7px;

    text-align: center;

}



.list_nr li .time1 {

    font-weight: bold;

    color: #434343;

    font-size: 50px;

    line-height: 60px;

}



.list_nr li .time2 {

    color: #ffffff;

    font-size: 16px;

    background: #666666;

    line-height: 18px;

}



.list_nr li .det {

    width: calc(100% - 130px);

    margin-right: 14px;

    padding-top: 10px;

    position: relative;

}



.list_nr li .det:before {

    width: 2px;

    height: 80px;

    background: #707070;

    position: absolute;

    left: -22px;

    top: 10px;

    content: "";

}

.list_nr li h3{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-weight: normal;

    font-size: 16px;

}

.list_nr li h3 a{

    color: #333;

}

.list_nr li .nrms{

    display: block;

    font: 400 14px/21px "微软雅黑";

    color: #666666;

    margin-top: 8px;

}

.list_nr li .nrms p{

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-align: justify;

    line-height: 20px;

}

.list_nr li .nrms a{

    color: #e87f16;

    font-weight: normal;

    float: right;

    margin-top: 4px;

}

.more_btn{

    width: 120px;

    height: 32px;

    line-height: 32px;

    display: block;

    background-color: #265aa1;

    color: #fcfcfc;

    text-align: center;

    margin: 20px auto 0;

    border-radius: 5px;

}

.more_btn:hover,

.more_btn:active,

.more_btn:focus{

    background-color: #e9840c;

    color: #fcfcfc;

    animation:shake 1s linear;

    -webkit-animation:shake 1s linear;

}

.news_btn{

    height: 36px;

    margin-bottom: 30px;

}

.news_btn li{

    float: left;

    text-align: center;

}

.news_btn li > a{

	width: 120px;

	height: 36px;

	display: block;

	background-color: #ccc;

	font-size: 16px;

	line-height: 36px;

    color: #333;

    border-radius: 5px;

}

.news_btn li > a.gb{

    background-color: #265aa1;

    color: #fcfcfc;

}

.news_btn li > a.gb:active{

    background-color: #e9840c;

}

.news_btn li.fgx{

	width: 2px;

	height: 30px;

	background-color: #666;

	display: inline-block;

	vertical-align: middle;

	margin: 3px 20px;

}

.information{

    margin-bottom: 50px;

}

.friendlinks{

    height: 90px;

    width: 100%;

    background: url(../images/flinks_bg2.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    padding: 10px 0;

}

.friendlinks h4,

.friendlinks .links_box{

    float: left;

}

.friendlinks h4{

    line-height: 70px;

    color: #fcfcfc;

    font-weight: normal;

}

.friendlinks .links_box{

    width: 92%;

    padding-left: 30px;

}

.friendlinks .links_box li{

    display: inline-block;

    line-height: 35px;

}

.friendlinks .links_box li:after{

    content: "|";   

    display: inline-block;   

    width: 2px;   

    height: 14px;

    color: #265aa1;

    margin: 0 10px;  

}

.friendlinks .links_box li:first-child{

    margin-left: 50px;

}

.friendlinks .links_box li:last-child:after{

    display: none;

}

.bot_nav{

    padding: 30px 0;
    background: url(../images/foot_bg.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;

}

.navigation dl{

    float: left;

    margin-right: 30px;

}
.navigation dl:nth-of-type(4){
    width: 260px;
}
.navigation dl:last-child{

    margin-right: 0;

}

.navigation dl dt{

    color: #fcfcfc;

    line-height: 30px;

    display: inline-block;

    border-bottom: 2px solid #fcfcfc;

    margin-bottom: 10px;

}

.navigation dl dd{

    color: #f2f2f2;

    margin-bottom: 6px;

}

.navigation dl dd a{

    color: #ccc;

}

.navigation .wl dd a:after{

    content: "|";   

    display: inline-block;   

    width: 2px;   

    height: 14px;

    color: #f2f2f2;

    margin: 0 6px; 

}

.navigation .wl dd a:last-child:after{

	display: none; 

}

.navigation dd a:hover{

    color: #e9840c;

}

.navigation dl dd.zx{

    width: 150px;

    height: 42px;

    border-radius: 5px;

    text-indent: 50px;

    line-height: 42px;

    font-size: 18px;

    background: #e9840c url(../images/zxzx.png) no-repeat 20px center;

    -webkit-background-size: 22px 22px;

    background-size: 22px 22px;

    margin-top: 16px;

}

.navigation dl dd.zx a{

    width: 100%;

    height: 100%;

    border-radius: 5px;

    display: block;

    color: #f2f2f2;

}

.navigation .rgt_region{

    border-left: 1px solid #ccc;

    padding-left: 30px;

}

.navigation .rgt_region dt{

    border-bottom: 0;

    margin: 0 0 20px 50px;

}

.rgt_region dd > div{

    float: left;

}

.rgt_region dd > div:first-child{

    margin-right: 20px;

}

.ewm_img{

    width: 120px;

    height: 120px;

}

.ewm_img > img{

    width: 100%;

    height: 100%;

}

.rgt_region dd .ewm p{

    text-align: center;

    line-height: 36px;

}

.footer_region{

    text-align: center;

    height: 50px;

    line-height: 50px;

    background-color: #084584;

    color: #fcfcfc;

}

.footer_region a{

    color: #e5e5e5;

}

.pc_kong{

    height: 162px;

    width: 100%;

}

/*面包屑区域*/



.crumbs{

    height: 42px;

    line-height: 42px;

    background-color: #e5e5e5;

}

.crumbs .crumbsnav i{

/*    padding-left: 30px;*/

/*    background: url(../images/wz_icon.png) no-repeat;*/

    

}

.crumbs .crumbsnav i:before{

    content: " ";   

    display: inline-block;   

    width: 24px;   

    height: 24px;

    background: url(../images/wz_icon.png) no-repeat;

    -webkit-background-size: 24px 24px;

    background-size: 24px 24px;

    margin: -4px 6px 0;  

    vertical-align: middle;

}

.crumbs .crumbsnav a:after{

    content: " > ";   

    display: inline-block;   

    color: #333;

    margin: 0 6px 0 10px;

}

.crumbs .crumbsnav a:last-child:after{

    display: none;

}



.pro_collection{

    margin-top: 40px;

}

.main_pro{

    background-color: #f2f2f2;

    margin-bottom: 20px;

}

.main_pro .mian_pic,

.main_pro .describe{

    width: 50%;

    height: auto;

    float: left;

}

.main_pro .mian_pic{

    background: url(../images/cp_bg02.jpg) no-repeat;

    padding: 30px;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.main_pro .mian_pic > img{

    width: 100%;

    height: 100%;

    transition: .5s;

}

.main_pro .mian_pic:hover img{

    transform: scale(1.1);

    transition: .5s;

}

.main_pro .describe .describe_details{

    padding: 20px 30px 0; 

}

.describe_details .tit{

    color: #0754bd;

    margin-bottom: 6px;

}

.describe_details .tit h4{

    font-size: 24px;

    font-weight: bold;

}

.describe_details .tit p{

    font-size: 16px;

    line-height: 20px;

}

.describe_details > p{

    line-height: 22px;

    text-align: justify;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    color: #666;

}

.describe_details .trait{

    margin-top: 10px;

    margin-bottom: 22px;

}

.describe_details .trait li{

    width: 220px;

    height: 36px;

    background-color: #0754bd;

/*    margin-bottom: 6px;*/

    border-radius: 20px;

    padding: 4px;

    box-sizing: border-box;

    float: left;

    overflow: hidden;

}

.describe_details .trait li:first-child{

    margin-right: 30px;

}

.describe_details .trait li i{

    height: 28px;

    line-height: 28px;

    width: 100px;

    background-color: #fff;

    border-radius: 14px;

    text-align: center;

    float: left;

    margin-right: 10px;

}

.describe_details .trait li span{

    float: left;

    height: 28px;

    line-height: 28px;

    color: #fcfcfc;

}

.describe_details .sec_btn{

    margin-bottom: 20px;

}

.describe_details .sec_btn > a{

    width: 50%;

    line-height: 46px;

    height: 46px;

    border: 2px solid #e98209;

/*    display: inline-block;*/

    box-sizing: border-box;

    text-align: center;

    padding: 0;

    margin: 0;

    float: left;

    font-size: 18px;

/*    font-weight: bold;*/

    color: #333;

}

.describe_details .sec_btn > a.xz{

    background-color: #e98209;

    color: #fcfcfc;

}

.describe .third_td{

    background-color: #0754bd;

    padding: 24px;

    box-shadow: 0 1px 3px rgba(0,0,0,.4);

}

.describe .third_td .td_part span{

    width: 48px;

    height: 48px;

    background: url(../images/icon2.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    display: inline-block;

    vertical-align: middle;

}

.describe .third_td .td_part i{

    display: inline-block;

    vertical-align: middle;

    color: #fcfcfc;

}

.pro_collection .cp_region{

    margin-bottom: 30px;

}

.cp_region > h1{

    font-size: 24px;

    display: inline-block;

    border-bottom: 4px solid #333;

    line-height: 40px;

    margin-bottom: 20px;

}

.cp_region > h1:hover,

.cp_region > h1:active,

.cp_region > h1:focus{

    color: #0754bd;

    border-bottom: 4px solid #0754bd;

}

.cp_region > h1:hover a,

.cp_region > h1:active a,

.cp_region > h1:focus a{

    color: #0754bd;

}

.cp_region > h1 > a:hover ,

.cp_region > h1 > a:active,

.cp_region > h1 > a:focus{

    color: #0754bd;

}



.details_part .pic_show img,

.cp_nr .pic_show img{

    width: 100%;

}

.related .details_part,

.cp_nr{

    background-color: #ededed;

    height: 270px;

    transition: all ease-in-out .3s;

}

.related .details_part .pic_show,

.cp_nr .pic_show{

    padding-top: 4px;

    background-color: #ededed;

    transition: all ease-in-out .3s;

}

.related .details_part .cp_text,

.cp_nr .cp_text{

    border-top: 2px #ff7f27 solid; 

    padding: 10px 0;

    transition: all ease-in-out .3s;

}

.related .details_part .cp_text span,

.cp_nr .cp_text span{

    display: block;

    width: 20px;

    height: 20px;

    border-radius: 10px;

    margin: 0 auto;

    background: url(../images/cp_icon.png) no-repeat;

    transition: all ease-in-out .3s;

}

.related .details_part .cp_text h3,

.cp_nr .cp_text h3{

    color: #333333;

    margin-bottom: 10px;

    font-size: 16px;

    transition: all ease-in-out .3s;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    padding: 0 6px;

    font-weight: normal;

}

.related .details_part:hover,

.cp_nr:hover{

    background-color: #ff7f27;

    transition: all ease-in-out .3s;

}

.related .details_part:hover .pic_show,

.cp_nr:hover .pic_show{

    padding-top: 10px;

    transition: all ease-in-out .3s;

}

.related .details_part:hover .cp_text span,

.cp_nr:hover .cp_text span{

    background: url(../images/cp_icon_hover.png) no-repeat;

    transition: all ease-in-out .3s;

    margin-top: 10px;

}

.related .details_part:hover .cp_text h3,

.cp_nr:hover .cp_text h3{

    color: #fafafa;

    margin-top: 10px;

    transition: all ease-in-out .3s;

}

.cases{

    margin-top: 20px;

    background: url(../images/case_bg.jpg) no-repeat;

    background-color: #f2f2f2;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    padding: 30px 0;

    margin-bottom: 50px;

}

.al_part{

    position: relative;

}

.al_part .al_slt > img{

    width: 100%;

}

.al_part p{

    font-size: 16px;

    line-height: 36px;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: absolute;

    left: 0;

    bottom: 0;

    background-color: rgba(242,242,242,.7);

    color: #111;

    width: 100%;

    padding: 0 6px;

    font-weight: bold;

}

.al_part .mask{

    display: none;

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    font-size: 14px;

    color: #fcfcfc;

    text-align: center;

    overflow: hidden;

    padding: 40px 10px 0;

}

.mask{

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

}

.mask:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0,0,0,.5);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}

.mask:hover, .a_bg:focus, .a_bg:active {

    color: white;

}

.mask:hover:before, .a_bg:focus:before, .a_bg:active:before {

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.al_part .mask > h3{

    font-size: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 32px;

    font-weight: normal;

}

.al_part .mask > h4{

    font-size: 16px;

    line-height: 20px;

    margin: 16px 0 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.al_part .mask > h4 > span{

    display: inline-block;

    padding: 0 2px 2px;

    border-bottom: 2px solid #fcfcfc;

}

.al_part .mask > h4:hover span{

    color: #e98209;

    border-color: #e98209;

}

.al_part .mask .ckxq{

    width: 100px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 20px;

    display: block;

    margin: 10px auto;

    background-color: #0754bd;

}

.al_part .mask .ckxq:hover{

    background-color: #e98209;

}

/*.al_part:hover .al_slt > img{

    animation: flipInY 1s linear;

    -webkit-animation: flipInY 1s linear;

}*/

.more {

    display: block;

    width: 200px;

    height: 40px;

    margin: 10px auto;

    line-height: 40px;

    text-align: center;

    color: #fcfcfc;

    background: #0754bd;

    box-shadow: 0 0 10px rgba(12, 3, 6, .13);

    z-index: 1;

    text-decoration: none;

    position: relative;

}



.more i {

    position: relative;

    float: right;

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    background-color: #fcfcfc;

    color: #0754bd;

    font-size: 18px;

    z-index: 1;

    margin: 1px 2px 0 0;

}

.more:before {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background-color: #e98209;

    transition: ease-out .35s;

    z-index: -1;

}

.more i:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    width: 0;

    height: 100%;

    background: #fcfcfc;

    transition: ease-in .65s;

    z-index: -1;

}

.more:hover,

.more:active,

.more:focus{

    color: #fcfcfc;

    animation:shake 1s linear;

    -webkit-animation:shake 1s linear;

}



.more:hover:before {

    width: 100%;

}



.more:hover i {

    color: #e98209;

    transition-delay: .2s;

}



.more:hover i:after {

    width: 100%;

    transition-delay: .2s;

    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.cases .row > div{

    margin-bottom: 20px;

}

.yz_service{

    margin-bottom: 50px;

}

.service_part{

    padding: 40px 20px;

    background-color: #e5e5e5;

    height: 316px;

    cursor: pointer;

    box-shadow: 0 2px 5px rgba(0,0,0,.1);

}

.service_part > span{

    width: 80px;

    height: 80px;

    display: block;

    margin: 0 auto;

    border-radius: 50%;

}

.service_part > span.yz_icon_01{

    background: #fff url(../images/yzfw_icon01.png) no-repeat center center;

    -webkit-background-size: 48px 48px;

    background-size: 48px 48px;

}

.service_part > h2{

    font-size: 20px;

    color: #333;

    text-align: center;

    line-height: 60px;

}

.service_part > p{

    text-align: justify;

    line-height: 24px;

    color: #666;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}

.service_part:hover{

    background-color: #f2f2f2;

    box-shadow: 0 2px 5px rgba(0,0,0,.5);

    transition:  ease-in .2s;

}

.service_part:hover span.yz_icon_01{

    background: #e98209 url(../images/yzfw_icon_21.png) no-repeat center center;

    -webkit-background-size: 48px 48px;

    background-size: 48px 48px;

}

.service_part:hover p{

/*    color: #333;*/

}



/*产品分类*/

.cpfl_box{

    margin: 30px 0;

}

.cpfl_box .left_bar{

    background-color: #f2f2f2;

}

.left_bar .head_tit{

    background-color: #265aa1;

    color: #fcfcfc;

    padding: 26px 50px;

    margin-bottom: 26px;

}

.left_bar .head_tit > h3{

    font-family: "Arial";

    font-size: 26px;

    font-weight: normal;

    color: #d9d9d9;

}

.left_bar .project{

    padding: 0 10px 30px;

}

.left_bar .project li{

    height: 50px;

    line-height: 50px;

    margin-bottom: 10px;

    padding-left: 50px;

    background: #e6e6e6 url(../images/nav_ico.png) no-repeat 16px 13px;

}

.left_bar .project li a{

    width: 100%;

    height: 100%;

    display: block;

}

.left_bar .project li:hover{

    background: #376db7 url(../images/nav_ico.png) no-repeat 16px -37px;

}

.left_bar .project li:hover a{

    color: #fcfcfc;

}

.left_bar .fw_regoin{

    background-color: #265aa1;

    text-align: center;

    padding-bottom: 16px;

}

.fw_regoin .fw_img{

    margin-bottom: 16px;

}

.fw_regoin .fw_img > img{

    width: 100%;

}

.fw_regoin > h3{

    font-size: 24px;

    color: #fcfcfc;

    margin-bottom: 6px;

}

.fw_regoin > h2{

    color: #fbb907;

}

.cpfl_box .right_cont{

    height: 820px;

    margin-bottom: 30px;

    overflow: hidden;

}

.cpfl_box .right_cont .tit_sec,

.cpfl_box .news_list .tit_sec{

    border-bottom: 1px solid #e3e3e3;

    margin-bottom: 12px;

}

.cpfl_box .right_cont .tit_sec > h1,

.cpfl_box .news_list  .tit_sec > h1{

    font-size: 24px;

    color: #333;

    line-height: 40px;

    display: inline-block;

    border-bottom: 1px solid #265aa1;

}



.cpfl_box .right_cont li .ms{

    background-color: #ebebeb;

    padding: 10px 20px;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 30px;

}

.cpfl_box .right_cont li .ms > p{

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.cpfl_box .right_cont .cp_list > div,

.cpfl_box .news_list .cp_list > div{

    margin-bottom: 20px;

}

.cpfl_box .right_cont .fy,

.cpfl_box .news_list .fy{

    text-align: center;

/* margin: 30px 0 50px; */

}

.cpfl_box .right_cont .cp_list{

    height: 600px;

}

/*主产品描述*/

.main_cp{

    margin-top: 50px;

    padding-bottom: 50px;

    border-bottom: 10px solid #f2f2f2;

}

.main_cp .main_pic{

    background: url(../images/cp_bg02.jpg) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    padding: 20px;

}   

.main_cp .main_pic > img{

    width: 100%;

}

.cpjs{

    padding-top: 10px;

}

.cpjs > h1{

    display: inline-block;

    border-bottom: 3px solid #1c63c5;

    font-size: 28px;

    padding-bottom: .5rem;

}

.cpjs > p{

    border-top: 1px solid #bfc1c5;

    line-height: 24px;

    font-size: 16px;

    padding-top: 6px;

    text-align: justify;

    margin-bottom: 20px;

}

.cpjs .cs .cs_part{

    height: 36px;

    line-height: 36px;

    margin-bottom: 10px;

    border-radius: 5px;

}

.cpjs .cs .cs_part span,

.cpjs .cs .cs_part i{

    width: 50%;

    height: 100%;

    float: left;

    text-align: center;

}

.cpjs .cs .cs_part span{

    background-color: #1c63c5;

    color: #fcfcfc;

    border-radius: 5px 0 0 5px;

}

.cpjs .cs .cs_part i{  

    background-color: #d9d9d9;

    color: #333;

    border-radius: 0 5px 5px 0;

}

.nr_btn{

    margin-top: 20px;

}

.nr_btn .hqbj,

.nr_btn .qgrx{

    height: 56px;

    border: 1px solid #e98209;

    float: left;

    width: 50%;

    text-align: center;

    font-weight: bold;

}

.nr_btn .hqbj > a,

.nr_btn .qgrx > a{

    width: 100%;

    height: 100%;

    display: block;

    color: #333;

}

.nr_btn .hqbj > a{

    line-height: 54px;

    font-size: 20px;

}

.nr_btn .qgrx > a > p:nth-of-type(1){

    font-size: 20px;

    line-height: 30px;

}

.nr_btn .qgrx > a > p:nth-of-type(2){

    font-weight: normal;

    font-size: 14px;

    line-height: 16px;

    color: #666;

}

.nr_btn > div.mr{

    background-color: #e98209;

}

.nr_btn > div.mr a{

    color: #fcfcfc;

}

.nr_btn > div.mr a > p:last-child{

    color: #eee;

}

.cptd{

    padding: 50px 0 30px;

}

.xq_title_01 > h2,

.xq_title_02 > h2{

    font-size: 24px;

    color: #333;

}

.xq_title_01 > h5,

.xq_title_02 > h5{

    font-weight: normal;

    font-size: 12px;

    color: #666;

    line-height: 20px;

}

.xq_title_02{

    background: url(../images/tit2_bg.png) no-repeat center 0;

    margin-bottom: 30px;

}

.xq_title_02 > h2{

    color: #1c63c5;

}

.td_cont .td_mian_pic{

    width: 300px;

    height: 300px;

    border-radius: 50%;

    border: 6px #ccc solid;

    overflow: hidden;

}

.td_cont{

    position: relative;

    height: 360px;

}

.td_cont .td_mian_pic{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    z-index: 99;

}

.td_cont .td_mian_pic > img{

    width: 100%;

    height: 100%;

    display: block;

    border-radius: 50%;

    transition: .5s;

}

.td_cont .td_mian_pic:hover img{

    transform: scale(1.2);

    transition: 1s;

}

.td_cont .td_part{

    width: 42%;

    position: absolute;

}

.td_cont .td_part.td_01{

    padding-right: 40px;

    background: url(../images/left_up_icon.png) no-repeat right 8px;

    left: 30px;

    top: 40px;

    z-index: 2;

}

.td_cont .td_part.td_02{

    padding-left: 40px;

    background: url(../images/rgt_up_icon.png) no-repeat left 8px;

    right: 30px;

    top: 40px;

    z-index: 2;

}

.td_cont .td_part.td_03{

    padding-right: 40px;

    padding-top: 100px;

    background: url(../images/left_down_icon.png) no-repeat right 4px;

    bottom: 40px;

    left: 30px;

    z-index: 3;

}

.td_cont .td_part.td_04{

    padding-left: 40px;

    padding-top: 100px;

    background: url(../images/rgt_down_icon.png) no-repeat left 4px;

    bottom: 40px;

    right: 30px;

    z-index: 3;

}

.td_cont .td_part > span{

    width: 64px;

    height: 64px;

    border-radius: 50%;

    float: left;

}

.td_cont .td_part.td_02 > span,

.td_cont .td_part.td_04 > span{

    float: right;

}

.td_cont .td_part > span.t1{

    background: url(../images/td_icon01.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin-right: 10px;

}

.td_cont .td_part > span.t2{

    background: url(../images/td_icon02.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin-left: 10px;

}

.td_cont .td_part > span.t3{

    background: url(../images/td_icon03.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin-right: 10px;

}

.td_cont .td_part > span.t4{

    background: url(../images/td_icon04.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin-left: 10px;

}

.td_cont .td_part .tdnr{

    float: left;

    width: calc(100% - 130px); 

}

.td_cont .td_part.td_02 .tdnr,

.td_cont .td_part.td_04 .tdnr

{

    float: right;

}



.td_cont .td_part .tdnr > h3{

    font-size: 18px;

    color: #333;

    margin-bottom: 10px;

}

.td_cont .td_part .tdnr > p{

    font-size: 14px;

    color: #666;

    line-height: 20px;

    text-align: justify;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}

.td_cont .td_part.td_02 .tdnr > h3,

.td_cont .td_part.td_02 .tdnr > p,

.td_cont .td_part.td_04 .tdnr > h3,

.td_cont .td_part.td_04 .tdnr > p{

    text-align: right;

}

.sdzc{

    padding: 50px 0 30px;

    background: url(../images/sdjgzc_bg.jpg) no-repeat;
    
    -webkit-background-size: 100% 100%;
    
    background-size: 100% 100%;
}

.sdzc .jg_part{

/*    margin-top: 30px;*/

}

.jg_part .jg_cont{

    padding: 60px 30px;

}    

.jg_part .jg_cont > span{

    width: 70px;

    height: 70px;

    line-height: 70px;

    background: url(../images/sz_bg.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    font-size: 26px;

    color: #fcfcfc;

    font-weight: bold;

    text-align: center;

    float: left;

    margin-right: 20px;

}

.jg_part .jg_cont .jg_content{

    float: left;

    width: calc(100% - 100px);

}

.jg_part .jg_cont .jg_content > h3{

    font-size: 20px;

    color: #333;

    margin-bottom: 16px;

}

.jg_part .jg_cont .jg_content .txnr{

    

}

.jg_part .jg_cont .jg_content .txnr ul li{

    padding-left: 20px;

    background: url(../images/sz_bg.png) no-repeat 0 9px;

    -webkit-background-size: 12px 12px;

    background-size: 12px 12px;

    color: #666;

    font-size: 16px;

}

.jg_part .pj_pic{

    padding: 20px 80px;

}

.jg_part .pj_pic > img{

    width: 100%;

}

.cases_part .cases_pic{

    overflow: hidden;

}

.cases_part .cases_pic > img{

    width: 100%;

}

.jg_part.special_part .row > div:last-child{

    display: none;

}

.jdal{

    margin-bottom: 50px;

}

.jdal .xq_title_01{

    margin-bottom: 30px;

}

.jdal .cases_cont{

    overflow: hidden;

    padding: 20px 10px;

    height: 180px;

/*    background-color: rgba(28,99,197,.5);*/

    background-color: #d9d9d9;

}

.jdal .cases_cont > h3{

    font-size: 16px;

    line-height: 30px;

/*    color: #fcfcfc;*/

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: center;

    margin-bottom: 6px;

}

.jdal .cases_cont > p{

    font-size: 14px;

/*    color: #e5e5e5;*/

    color: #666;

    line-height: 20px;

    text-align: justify;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.jdal .cases_cont .ckxq{

    width: 72px;

    line-height: 28px;

    height: 28px;

    border-radius: 10px;

    border: 1px solid #1c63c5;

    color: #1c63c5;

    font-size: 12px;

    text-align: center;

    display: block;

    margin: 14px auto;

}

.cases_part:hover .cases_pic > img{

    animation: flipInX 1s linear;

    -webkit-animation: flipInX 1s linear;

}

.cases_part:hover .cases_cont{

    background-color: rgba(28,99,197,1);

}

.cases_part:hover .cases_cont > h3{

    color: #fcfcfc; 

}

.cases_part:hover .cases_cont > p{

    color: #e5e5e5;

}

.cases_part:hover .cases_cont .ckxq{

    border: 1px solid #ff7f27;

    color: #ff7f27;

}

.jdal .cases_cont .ckxq:hover{

    background-color: #ff7f27;

    color: #fcfcfc;

}

.our_service{

    padding: 50px 0;

    background: url(../images/fw_bg.jpg);

}

.our_service .service_part{

    background-color: #d9d9d9;

    box-shadow: 0 2px 5px rgba(0,0,0,.3);

}



.our_service .service_part:hover span.yz_icon_01{

    background: #1c63c5 url(../images/yzfw_icon_21.png) no-repeat center center;

    -webkit-background-size: 48px 48px;

    background-size: 48px 48px;

}

.xgcp{

    margin-bottom: 50px;

}

.xgcp .related,

.xgcp .related .more{

    margin-top: 30px;

}



.new_part{

    border: 1px solid #ccc;

    padding: 15px;

}

.new_part .news_pic img{

    width: 100%;

}

.new_part .news_ms h2{

    font-size: 16px;

    margin-bottom: 10px;

    line-height: 28px;

} 

.new_part .news_ms h2 a{

    color: #333;

}

.new_part .news_ms .ms_cont > p{

    font-size: 14px;

    color: #666;

    line-height: 20px;

    text-align: justify;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.new_part .news_ms .ms_cont > div{

    margin-top: 6px;

    line-height: 26px;

}

.new_part .news_ms .ms_cont .rq{

    float: left;

    font-size: 14px;

    color: #777;

}

.new_part .news_ms .ms_cont .ljxq{

    font-size: 12px;

    width: 70px;

    height: 26px;

    border-radius: 3px;

    background-color: #a6a6a6;

    color: #fcfcfc;

    line-height: 26px;

    text-align: center;

    float: right;

}

.new_part:hover{

    border-color: #1c63c5;

} 

.new_part:hover .news_ms h2 a{

    color: #1c63c5;

}

.new_part:hover .ms_cont .ljxq{

    background-color: #1c63c5;

}

.new_part .news_ms .ms_cont .ljxq:hover,

.new_part .news_ms .ms_cont .ljxq:active{

    background-color: #ff7f27;

}

.cpfl_box .news_list{

    height: 1350px;

    margin-bottom: 30px;

    overflow: hidden;

}

.cpfl_box .news_list .cp_list{

    height: 1200px;

}

.cpfl_box.newListBox{

    margin-bottom: 0;

}

.wd_cont{

    background-color: #f2f2f2;

    padding-top: 20px;

    margin-bottom: 30px;

}

.wd_cont .wz_head > h1{

    font-size: 20px;

    color: #333;

    text-align: center;

    line-height: 36px;

}

.wd_cont .wz_head .single_meta{

    border-bottom: solid 1px #e5e5e5;

    padding-bottom: 6px;

}

.wd_cont .wz_head .single_meta > span{

    width: 33.333%;

    float: left;

    text-align: center;

    color: #666;

    font-size: 14px;

}

.wd_cont .wz_nr{

/*    background-color: #f2f2f2;*/

    padding: 10px 20px;

}

.wd_cont .wz_nr > p{

    margin: 10px 0;

    text-align: justify;

}

.wd_cont .wz_nr > img{

    display: block;

    margin: 20px auto;

}

.wzfy{

    height: 60px;

/*    background-color: #e5e5e5;*/

    background-color: #f2f2f2;

    padding: 0 10px;

    margin-bottom: 30px;

}

.wzfy .fy{

    width: 48%;

    line-height: 60px;

}

.wzfy .wz_prev{ 

    float: left; 

}

.wzfy .wz_next{

    float: right;

}

.wzfy .fy span{

    height: 40px;

    width: 40px;

    line-height: 40px;

    border-radius: 50%;

    text-align: center;

    color: #fcfcfc;

    background-color: #ccc;

    margin-top: 10px;

    font-size: 20px;

}

.wzfy .fy p{ 

    width: calc(100% - 50px);

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.wzfy .wz_prev span{

    float: left;

    margin-right: 6px; 

}

.wzfy .wz_prev p{

    float: left;

}

.wzfy .wz_next span{

    float: right;

    margin-left: 6px; 

}

.wzfy .wz_next p{

    float: right;

}

.wzfy .fy:hover span{

    background-color: #1c63c5;

}

.new_zx{

    margin-top: 20px;

    padding-bottom: 30px;

    text-align: center;

}

.new_zx > h2{

    font-size: 20px;

    color: #333;

    display: inline-block;

    padding-bottom: 4px;

    border-bottom: 3px solid #333;

    margin-bottom: 10px;

}

.new_zx .zx_cont{

    padding: 0 2px;

}

.new_zx .zx_cont li{

    font-size: 16px;

    padding-left: 16px;

    background: url(../images/xw_icon.png) no-repeat 0 center;

    -webkit-background-size: 14px 14px;

    background-size: 14px 14px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.recom{

    margin-bottom: 50px;

}

.recom .xq_title_01{

    margin-bottom: 20px;

}

.recom .details_part{

    height: 220px;

}

.recom .more{

    margin-top: 30px;

}

/*关于我们*/

.gsjj{

    margin: 30px 0 50px;

}

.gsjj .xq_title_01{

    margin-bottom: 20px;

}

.nrms .js_cont > p{

    text-align: justify;

    line-height: 24px;

    margin-bottom: 10px;

    color: #333;

}

.nrms .js_cont > p:last-child{

    margin-bottom: 0;

}

.business{

    padding: 30px 0;

    background: url(../images/yw_bg.jpg) no-repeat;

/*    background-color: #1c63c5;*/

}

.ywmk > h2{

    font-size: 24px;

    line-height: 40px;

    color: #fcfcfc;

    text-align: center;

    margin-bottom: 10px;

}

.ywmk .ywms p{

    color: #e5e5e5;

    text-align: justify;

    line-height: 26px;

    margin-bottom: 10px;

}

.yw_btn{

    height: 324px;

    position: relative;

}

/*.yw_btn > div{

    cursor: pointer;

}*/

.yw_btn .yw_part01{

    width: 130px;

    height: 130px;

    background: url(../images/yw_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    overflow: hidden;

    position: absolute;

    left: 40px;

    top: 70px;

}

.yw_btn .yw_part01:hover{

    background: url(../images/yw_icon02.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn .yw_part01:hover .w01{

    background: url(../images/w01_2_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn > div:hover h3{

    color: #fcfcfc;

}

.yw_btn .yw_part01 .w01{

    width: 64px;

    height: 64px;

    display: block;

    background: url(../images/w01_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin: 10px auto 6px;

}

.yw_btn .yw_part01 h3{

    font-size: 16px;

    color: #333;

    font-weight: normal;

}

.yw_btn .yw_part02{

    width: 130px;

    height: 130px;

    background: url(../images/yw_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    overflow: hidden;

    position: absolute;

    left: 148px;

    top: 8px;

}

.yw_btn .yw_part02 .w02{

    width: 64px;

    height: 64px;

    display: block;

    background: url(../images/w02_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin: 10px auto 6px;

}

.yw_btn .yw_part02 h3{

    font-size: 16px;

    color: #333;

    font-weight: normal;

}

.yw_btn .yw_part02:hover{

    background: url(../images/yw_icon02.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn .yw_part02:hover .w02{

    background: url(../images/w02_2_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn .yw_part03{

    width: 130px;

    height: 130px;

    background: url(../images/yw_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    overflow: hidden;

    position: absolute;

    left: 148px;

    top: 134px;

}

.yw_btn .yw_part03 .w03{

    width: 64px;

    height: 64px;

    display: block;

    background: url(../images/w03_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin: 10px auto 6px;

}

.yw_btn .yw_part03 h3{

    font-size: 16px;

    color: #333;

    font-weight: normal;

}

.yw_btn .yw_part03:hover{

    background: url(../images/yw_icon02.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn .yw_part03:hover .w03{

    background: url(../images/w03_2_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn .yw_part04{

    width: 130px;

    height: 130px;

    background: url(../images/yw_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    overflow: hidden;

    position: absolute;

    left: 250px;

    bottom: 0;

}

.yw_btn .yw_part04 .w04{

    width: 64px;

    height: 64px;

    display: block;

    background: url(../images/w04_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin: 10px auto 6px;

}

.yw_btn .yw_part04 h3{

    font-size: 16px;

    color: #333;

    font-weight: normal;

}

.yw_btn .yw_part04:hover{

    background: url(../images/yw_icon02.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn .yw_part04:hover .w04{

    background: url(../images/w04_2_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn .yw_part05{

    width: 100px;

    height: 100px;

    background: url(../images/yw_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    overflow: hidden;

    position: absolute;

    left: 264px;

    top: 86px;

}

.yw_btn .yw_part05 .w05{

    width: 48px;

    height: 48px;

    display: block;

    background: url(../images/w05_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin: 10px auto 6px;

}

.yw_btn .yw_part05 h3{

    font-size: 14px;

    color: #333;

    font-weight: normal;

}

.yw_btn .yw_part05:hover{

    background: url(../images/yw_icon02.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn .yw_part05:hover .w05{

    background: url(../images/w05_2_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn .yw_part06{

    width: 80px;

    height: 80px;

    background: url(../images/yw_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    overflow: hidden;

    position: absolute;

    left: 334px;

    top: 30px;

}

.yw_btn .yw_part06 .w06{

    width: 32px;

    height: 32px;

    display: block;

    background: url(../images/w06_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin: 10px auto 6px;

}

.yw_btn .yw_part06 h3{

    font-size: 12px;

    color: #333;

    font-weight: normal;

}

.yw_btn .yw_part06:hover{

    background: url(../images/yw_icon02.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.yw_btn .yw_part06:hover .w06{

    background: url(../images/w06_2_icon.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.our_team .td_team > img{

    width: 100%;

    transition: 0.5s;

}

.our_team .td_part .td_team{

    position: relative;

    overflow: hidden;

}

.our_team .td_part .td_team.p1{

    margin-bottom: 20px;

}

.our_team .td_part .td_team .zw{

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgba(0,0,0,.6);

    padding: 20px 30px;

}

.our_team .td_part .td_team .zw span{

    width: 80px;

    height: 80px;

    display: block;

    margin: 0 auto 20px;

}

.our_team .td_part .td_team .zw span.t1{

    background: url(../images/team_icon_01.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.our_team .td_part .td_team .zw span.t2{

    background: url(../images/team_icon_02.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.our_team .td_part .td_team .zw span.t3{

    background: url(../images/team_icon_03.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.our_team .td_part .td_team .zw span.t4{

    background: url(../images/team_icon_04.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.our_team .td_part .td_team .zw span.t5{

    background: url(../images/team_icon_05.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    margin-top: 100px;

}



.our_team .td_part .td_team .zw h4{

    text-align: center;

    font-size: 18px;

    color: #f77c05;

    margin-bottom: 10px;

}

.our_team .td_part .td_team .zw p{

    font-size: 16px;

    color: #f2f2f2;

    text-align: justify;

    line-height: 22px;

}

.our_team{

    margin: 50px 0;

}

.our_team .tdms{

    line-height: 24px;

    margin-bottom: 20px;

}

.our_team .td_part .td_team:hover .zw{

    background-color: rgba(0,0,0,.8);

}

.our_team .td_part .td_team:hover img{

    transform: scale(1.2);

    transition: 0.5s;

}

.culture{

    background: url(../images/qywh_bg.jpg) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    padding: 30px 0;

}

.culture .qywh h3{

    font-size: 20px;

    line-height: 40px;

    margin-bottom: 6px;

}

.culture .qywh p{

    line-height: 24px;

}

.culture .qywh > p:nth-of-type(1){

    margin-bottom: 16px;

}

.qualification{

    margin: 50px 0;

}

.qualification .zzms{

    text-align: center;

}

.xgzs{

    margin-bottom: 50px;

}

.zs_box .zs_pic img{

    width: 100%;

}



.zs_pic .zs_img{

    height: 350px;

}

.zs_pic .zs_img img{

    width: 100%;

    height: 100%;

}

.zs_pic h3{

    text-align: center;

    line-height: 40px;

    font-size: 16px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    font-weight: normal;

    color: #444;

}

#zs_box{

    position: relative;

    height: 420px;

    overflow: hidden;

}

#zs_part{

    position: absolute;

    top: 0;

    left: 15px;

}

.al_box{

    width: 292.5px;

}

/*选型指南*/

.selection{

    margin: 30px 0;

}

.pricing-table {

	margin-bottom: 30px;

	background-color: #fff;

	border: 2px solid #d0d0d0;

	line-height: 2em;

	overflow: hidden;

	-webkit-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

    cursor: pointer;

}



.pricing-table.active {

    -webkit-transform:translate(0,-5px);

	-ms-transform:translate(0,-5px);

	transform:translate(0,-5px);

	border: 2px solid #0754bd;

}



.pricing-table.active .pt-title {

	background-color: #0754bd;

    color: #fcfcfc;

}

.pricing-table.active .pt-ribbon-wrapper .pt-ribbon {

	background-color: #fff;

	color: #0754bd;

}

.pt-header {

	position: relative;

	background-color: #fff;

	text-align: center;

}

.pt-header .pt-ribbon-wrapper {

	position: absolute;

	top: 0;

	right: 0;

	overflow: hidden;

	width: 80px;

	height: 80px

}

.pt-header .pt-ribbon-wrapper .pt-ribbon {

	position: relative;

	height: 40px;

	top: 0;

	left: -32px;

	width: 180px;

	background-color: #0754bd;

	color: #fff;

	font-size: 14px;

	font-weight: 400;

	text-transform: uppercase;

	line-height: 40px;

	-webkit-transform: rotate(40deg);

	-ms-transform: rotate(40deg);

	transform: rotate(40deg)

}

.pt-header .pt-title {

	margin: 0;

	padding: 20px 0;

	background-color: #fbfbfb;

	color: #505050;

	font-size: 18px;

	text-transform: uppercase;

	-webkit-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.pt-header .pt-price {

	margin: 0;

	padding: 15px 0;

	font-family: "微软雅黑";

	color: #505050;

	font-size: 48px;

}

.pt-header .pt-price .pt-currency {

	color: #505050;

	font-size: 24px;

	font-weight: 400;

}

.pt-header .pt-price .pt-per {

	position: relative;

	top: 2px;

	left: 8px;

	color: #909090;

	font-size: 16px;

	font-weight: 400;

	text-transform: lowercase;

}

.pt-header .pt-description {

	margin: 0 0 20px;

	padding: 0 30px;

	color: #505050;

	font-weight: 700;

}

.pt-body {

	padding: 0 30px;

	background-color: #fff;

	font-size: 16px;

	color: #505050;

	text-align: center;

}

.pt-body.striped .pt-row:nth-child(2n-1) {

	background-color: #fbfbfb;

}

.pt-body.hover .pt-row {

	-webkit-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.pt-body.hover .pt-row:hover {

	background-color: #fbfbfb;

	color: #505050;

	font-weight: 400;

}

.pt-body.striped.hover .pt-row:hover {

	background-color: #fff;

}

.pt-body .pt-row {

	padding: 15px 0;

	background-color: #fff;

	border-top: 1px dashed #e0e0e0;

}

/*

.pt-body .pt-row .pt-row-icon {

	font-size: 12px;

	margin-right: 5px;

}

*/



.pt-footer {

	padding: 30px 50px;

	background-color: transparent;

}

.pt-footer .pt-button {

	background-color: #f2f2f2;

	border: 2px solid #0754bd;

	color: #0754bd;

	text-align: center;

	font-size: 16px;

	text-decoration: none;

    outline: none;

	padding: 6px 0;

	display: block;

	min-width: 100%;

	-webkit-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

.pt-footer .pt-button.rounded {

	border-radius: 5px;

}

.pt-footer .pt-button.pill {

	border-radius: 36px;

}

.pt-footer .pt-button:hover{

    color: #fcfcfc;

	background-color: #0754bd;

	border: 2px solid #054296;

} 

.pt-footer .pt-button:active {

	color: #fcfcfc;

	background-color: #e98209;

	border: 2px solid #cc7106;

}

.kfgy{

    margin: 50px auto;

}



.title_lxwm h2{

    text-align: center;

    font-weight: normal;

    color: #333;

    background: url(../images/lxwm-title_bg.png) no-repeat center center;

}

.title_lxwm h5{

    text-align: center;

    font-weight: normal;

    color: #666;

    line-height: 24px;

}

.kf_main{

    margin-top: 30px;

}

.kf_main .kf_pic img{

    width: 100%;

}

.kf_main .gy_cont{

    padding-top: 30px;

}

.gy_cont .gy_tit h3{

    line-height: 50px;

    font-weight: normal;

    color: #333;

    display: inline-block;

    border-bottom: 2px solid #1c63c5;

    margin-bottom: 20px;

}

.gy_cont .gy_tit h3 i{

    font-size: 16px;

}

.gy_cont p{

    text-align: justify;

    line-height: 30px;

}

.lxfs{

    margin-bottom: 50px;

}



.lxfs .contact_nr h2{

    font-weight: normal;

    line-height: 90px;

    background-color: #1c63c5;

    color: #fcfcfc;

    text-align: center;

}

.contact_list > ul > li{

    height: 70px;

    line-height: 70px;

    padding-left: 60px;

    border-bottom: 1px solid #ccc;

}

.contact_list > ul > li:nth-of-type(1){

    background: #f2f2f2 url(../images/lxwm_dh_icon.png) no-repeat 10px center;

    background-size: 32px 32px;

}

.contact_list > ul > li:nth-of-type(2){

    background: #f2f2f2 url(../images/lxwm_sj_icon.png) no-repeat 10px center;

    background-size: 32px 32px;

}

.contact_list > ul > li:nth-of-type(3){

    background: #f2f2f2 url(../images/lxwm_yx_icon.png) no-repeat 10px center;

    background-size: 32px 32px;

}

.contact_list > ul > li:nth-of-type(4){

    background: #f2f2f2 url(../images/lxwm_dz_icon.png) no-repeat 10px center;

    background-size: 32px 32px;

}

#allmap{

    height: 374px;

}

.system_introduction{

    margin: 50px 0 20px;

}

.system_main .main_pic img{

    width: 100%;

}

.system_main .details_nr p{

    text-align: justify;

    line-height: 30px;

    text-indent: 2em;

    color: #555;

}

.system_main .details_nr p:first-child{

    margin-bottom: 10px;

}

.xgzs.xtbk{

    margin-bottom: 10px;

}

.jdal.xtbk{

    margin-bottom: 80px;

}

.system_main.big_mian{

/*    border: 1px solid #ccc;*/

}

/*证书、案例版块*/

.classification{

    text-align: center;

    height: 60px;

    border: 1px solid #ccc;

    box-shadow: 0px 1px 3px rgba(0,0,0,.3); 

    margin-bottom: 40px;

    padding-top: 15px;

}

.classification .items_box li{

    height: 20px;

    line-height: 20px;

    font-size: 16px;

    display: inline-block;

    padding: 0 20px;

    border-right: 1px solid #999;

}

.classification .items_box  li:last-child{

    border-right: none;

}

.classification .items_box > a:hover{

    color: #e9840c;

}

.tp_img{

    overflow: hidden;

}

.tp_img > img{

    width: 100%;

    transition: all ease-in-out .5s;

}

.term_show_box .title_lxwm{

    margin-bottom: 30px;

}

.term_show_box{

    height: 1050px;

    overflow: hidden;

}

.term_show_box .corresponding{

    height: 780px;

    margin-bottom: 20px;

}

.term_show_box .corresponding > div{

    margin-bottom: 20px;

}

.term_show_box .corresponding .tp_box p{

    text-align: center;

    line-height: 36px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.term_show_box .fy{

	text-align: center;

}

.tp_box:hover .tp_img > img{

    transform: scale(1.1);

    transition: all ease-in-out .5s;

}

/*新产品列表*/

.product_show{

	margin-bottom: 50px;

}

.product_show .con_show_title{

	width: 100%;

	height: 235px;

	background: url(../images/title_bg.png) no-repeat;

	background-size: 100% 100%;

}

.con_product_part{

	padding: 30px 0;

}

.con_product_part.part1{

	background: url(../images/region_01.png) no-repeat;

    -webkit-background-size: 100% 100%;

	background-size: 100% 100%;

    

}

.con_product_part.part2{

	background: url(../images/region_02.png) no-repeat;

    -webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.con_product_part.part3{

	background: url(../images/region_03.png) no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.con_product_part.part4{

	background: url(../images/region_04.png) no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.con_product_part.part2 .row > div:last-child,

.con_product_part.part4 .row > div:last-child{

    display: none;

}

.con_product_part .cont_part > h1{

	color: #08449c;

    font-size: 28px;

    font-weight: bold;

    line-height: 32px;

    margin-bottom: 30px;

	margin-left: 10px;

	margin-top: 30px;

}

.con_product_part .cont_part .cont_describe_list > p{

	margin-left: 10px;

    line-height: 20px;

    color: #555555;

    font-size: 16px;

    margin-bottom: 12px;

    background: url(../images/ys_li02.png) left 3px no-repeat;

    padding-left: 20px;

}

.con_product_part .cont_part .cont_describe_list > p > i{

	color: #ff6600;

    font-weight: bold;

} 



.con_product_part .pic_show > img{

	width: 100%;

}

.con_show_title > div > h1{

	font-size: 36px;

	font-weight: bold;

	color: #ff6602;

	margin-top: 70px;

}

.con_show_title > div > h3{

    color: #aaaaaa;

    font-size: 12px;

    font-weight: normal;

    text-transform: uppercase;

    margin-top: 12px;

}

.con_show_title > div > p{

	color: #222222;

    font-size: 20px;

    font-weight: normal;

    margin-top: 10px;

}

.cont_part .btn_box{

	width: 100%;

	height: 46px;

	border: 1px solid #08449c;

	margin-top: 30px;

}



.cont_part .btn_box button{

	width: 50%;

	float: left;

	line-height: 44px;

	color: #08449c;

	border: none;

	outline: none;

}

.cont_part .btn_box .xq button{

	background: url(../images/ckxq02.png) no-repeat 23% center;

	-webkit-background-size: 20px 20px;

	background-size: 20px 20px;

}

.cont_part .btn_box .xq button:hover,

.cont_part .btn_box .xq button.active{

	background: #08449c url(../images/ckxq.png) no-repeat 23% center;

	-webkit-background-size: 20px 20px;

	background-size: 20px 20px;

	color: #f2f2f2;

}

.cont_part .btn_box .gt button{

	background: url(../images/ljgt02.png) no-repeat 23% center;

	-webkit-background-size: 20px 20px;

	background-size: 20px 20px;

}

.cont_part .btn_box .gt button:hover,

.cont_part .btn_box .gt button.active{

	background:#08449c url(../images/ljgt.png) no-repeat 23% center;

	-webkit-background-size: 20px 20px;

	background-size: 20px 20px;

	color: #f2f2f2;

}

.cont_part .btn_box .tel button{

	background: url(../images/dhzx02.png) no-repeat 15% center;

	-webkit-background-size: 20px 20px;

	background-size: 20px 20px;

}

.cont_part .btn_box .tel button:hover,

.cont_part .btn_box .tel button.active{

	background:#08449c url(../images/dhzx.png) no-repeat 15% center;

	-webkit-background-size: 20px 20px;

	background-size: 20px 20px;

	color: #f2f2f2;

}

.cont_part .btn_box button.active{

	color: #f2f2f2;

}

.xhcs_box table{

    cursor: pointer;

}

.xhcs_box table tbody > tr{

    color: #666;

}

.xhcs_box table tbody > tr:hover{

    background-color: #08449c;

    color: #f2f2f2;

}

.xhcs_box table tbody > tr:first-child{

    background-color: #ccc;

    color: #333;

}

.xhcs_box table tbody > tr:first-child:hover{

    background-color: #ea9216;

    color: #f2f2f2;

}

.parameter{

    margin-bottom: 30px;

}

.xgcp.pdc_list .related .details_part .pic_show{

    padding-top: 10px;

}

.xgcp.pdc_list .related .details_part:hover .pic_show{

    padding-top: 20px;

}

.service_promise{

	margin: 10px 0 50px;

}

.service_promise .row > div > div{

	height: 270px;

	width: 100%;

	border: 1px solid #1362d6;

	padding: 0 20px;

}

.service_promise .row > div > div > p{

	text-align: justify;

	line-height: 20px;

	color: #666666;

    font-size: 16px;

}

.service_promise .row > div > div.cont_promise > h1{

	width: 80px;

	height: 80px;

	margin: 0 auto 10px;

	margin-top: 40px;

}

.service_promise .row > div > div.cont_promise > h3{

    font-size: 18px;

	margin: 20px 0;

	color: #333333;

}

.service_promise .row > div > div.cont_promise > h1.icon_01{

	background: url(../images/fz_icon.png) no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.service_promise .row > div > div.cont_promise > h1.icon_02{

	background: url(../images/xs_icon.png) no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.service_promise .row > div > div.cont_promise > h1.icon_03{

	background: url(../images/48xs_icon.png) no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.service_promise .row > div > div.cont_promise > h1.icon_04{

	background: url(../images/360_icon.png) no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.service_promise h2{

	margin: 20px 0 30px;

}
.calibrate_box{
    margin-bottom: 50px;
}
.calibrate_box .jycp_box{
    width: 100%;
}
.calibrate_box .jycp_box .jy_details .jy_pic_show{
    background-color: #f2f2f2;
    padding: 20px 10px;
    box-sizing: border-box;
    overflow: hidden;
    transition: 1s;
}
.jycp_box .jy_details .jy_pic_show > img{
    width: 100%;
}
.calibrate_box .jycp_box .jy_details a,
.calibrate_box .jycp_box .jy_details a:hover,
.calibrate_box .jycp_box .jy_details a:active{
    text-decoration: none;
    color: #333;
}
.calibrate_box .jycp_box .jy_details p{
    line-height: 40px;
    background-color: #e5e5e5;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding: 0 4px;
}
.jycp_box .jy_details:hover .jy_pic_show > img{
    transform: scale(1.2);
    transition: 1s;
}
.jycp_box .jy_details:hover p{
    color: #08449c;
}
/*移动设备隐藏*/ 

.m_header,

.m_nav,

.m_kong,

.slider_m,

.zjwm_m,

.m_footer,

.m_copy{

	display: none;

}