@charset "gb2312";
*{/*word-break:break-all;*/margin:0;padding:0;}
body {behavior:url("csshover3.htc");} 
body{font-size:16px;color:#333333; font-family:"微软雅黑","microsoft Yahei","Courier New",Courier,monospace;padding:0px;margin:0px auto;line-height:30px; background-color:#FFF;  width:100%;overflow-x: hidden;}
a{ color:#333333; text-decoration:none;}
a:hover{color:#FF9F0A;text-decoration:none}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.lan{ color:#1372f4;}
.clear,.c{ clear:both;}
.mcon tr:hover{color:#FF9F0A;}
.blank{ clear:both; height:20px;}
.about{ float:right;}
.imgZoom { overflow:hidden; }
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; display:block;}
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.gcsj,.nyss{padding:40px 0;}

table {	text-align: center;	border-collapse: collapse;border-spacing: 0;margin:0 auto;font-size:14px;}
table tr:nth-child(odd) {background: #F4F4F4;}
table td:nth-child(even) {}
table tr:hover,table tr:hover p {background: #FF9F0A;color:#fff;}
table td, table th {border: 1px solid #dddddd;}
table tr:nth-of-type(1) {/*background: #FF9F0A;	color: #ffffff;*/}
img{max-width:100%; border:0; height:auto;}
.input,.textarea{border-top:ridge 1px #ccc;border-right:inset 1px #D8D8D8;border-bottom:inset 1px #D8D8D8;border-left:ridge 1px #ccc;font-size:14px;color:#666;padding-top:5px;padding-right:5px;padding-bottom:4px;padding-left:5px;background-color:#fff}
.wrap{ width:1200px; margin:0 auto;}

.top {width: 100%; background:url(../images/top.jpg) no-repeat top center; overflow:hidden;}
.logo {	float: left; width:30%; padding:25px 0 20px;}
.topr{ width:70%; float:left; overflow:hidden;}

.ttel {text-align: right;float: right;width: 260px;margin: 15px;padding: 1px 7px;border: 1px solid #333;border-radius: 24px;}
.t2{ height:26px; line-height:26px; width:120px; float:right;  background:url(../images/t1.png) no-repeat 10px center; border:1px #333 solid; text-align:center; margin-top:14px; border-radius:26px; text-indent:10px; font-size:14px; }
.t2 a{}


/* 菜单 */
.sjnav{ display:none;}
.nav{ height:70px; width:100%; line-height:60px;position:relative; z-index:1; }
.nav li{float:left; width:14.222222%;  text-align:center; position:relative; display:inline;}
.nav li a{ font-size:18px; font-weight:normal; text-align:center; display:block; color:#333; }
.nav li a:hover{ color:#FF9F0A; font-weight:bold;}

#sjbanner_tabs{ display:none;}
.banner{ width:100%;position: relative; z-index:0; clear:both;}
.index_banner{margin:0px auto; width:100%; height:auto; }
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner img{ display:block;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 45%; z-index: 9999; display: block; width: 188px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(../images/tg_flash_p2.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url(../images/tg_flash_p.png); background-repeat: no-repeat; }

.ss {width: 100%;height: 70px;background-color:#0064E0; line-height:70px; overflow: hidden; color:#fff; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.ss a{ color:#fff;}
.tags { float:left; font-size:18px;}
.tags b{ font-size:22px;}
.tags span{ font-size:27px; color:#e51f1b;}

.fdh{ display:none;}

.main-title { margin:20px 0; border-bottom: 1px solid #DCDCDC;font-size: 30px;color: #666666;}
.main-title-center {padding-top: 60px;border-bottom: 1px solid #DCDCDC;font-size: 30px;color: #666666;text-align: center;}
.main-title b {font-size: 36px;color: #333333;	display: inline-block;border-bottom: 1px solid #0064E0;padding-bottom: 40px;position: relative;bottom: -1px;}
.main-title-center .main-title-info{font-size: 40px;color: #333333;display: inline-block;border-bottom: 1px solid #0064E0;padding-bottom: 40px;font-weight: bold;position: relative;bottom: -1px;}
.main-title-center p {	font-size: 24px;font-weight: 100;color: 333333;	margin-top: 10px;}
.main-title span { font-size:28px;}
.main-title .fr {width: 195px;height: 50px;line-height: 50px;font-size: 18px;color: #666;border: 1px solid #DCDCDC; text-align:center;	background: none;-webkit-transition: all 0.5s;transition: all 0.5s;}
.main-title .fr:hover {	background: #FB932C; color:#fff; border: 1px solid #FB932C;}
.main-title .fr a:hover { color:#fff; }

.publictitle{text-align:center; padding:25px 0 15px; overflow:hidden;}
.publictitle .pb_title{font-size:36px;color:#474747;text-align:center;font-weight:bold;height:66px;line-height:66px;display:inline-block;padding:0 25px;position:relative;}
.publictitle .sub_title{font-size:18px;color:#5c5b5b;text-align:center; line-height:1.8; padding:5px 0;}
.publictitle .pb_title em{position:absolute;width:20px;height:5px;background:#0064E0;top:34px;display:block;}
.publictitle .pb_title i{position:absolute;width:48px;height:1px;background:#c7c7c7;top:36px;display:block;}
.p-5 {padding: 5px;}
.main-info { padding:50px 0;}
.main-info-old{ background:#f7f7f7; padding:50px 0px;}
.owl-carousel {	width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1}
.owl-carousel .owl-wrapper {position: relative;	-ms-touch-action: pan-Y}
.owl-carousel .owl-wrapper:after {content: ".";display: block;	clear: both;visibility: hidden;	line-height: 0;	height: 0}
.owl-carousel .owl-wrapper-outer {position: relative;	overflow: hidden;-webkit-transform: translate3d(0px,0,0)}
.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;	-ms-user-select: none;user-select: none}
.owl-carousel.owl-loaded {	display: block}
.owl-carousel.owl-loading {	opacity: 0;display: block}
.owl-carousel.owl-hidden {opacity: 0}
.owl-carousel .owl-refresh .owl-item {display: none}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.owl-carousel .owl-item img {display: block;	width: 100%;-webkit-transform-style: preserve-3d}
.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto}
.owl-carousel .owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab}
.owl-carousel.owl-rtl {direction: rtl}
.owl-carousel.owl-rtl .owl-item {float: right}

.owl-demo .item {border: 1px solid #DCDCDC;	-webkit-transition: border 0.5s;transition: border 0.5s;width:23.7%;float:left;margin:0.5%;}
.owl-demo .item:hover {	border: 1px solid #0064E0;}
.owl-demo .item .item-list-button {	border-top: 1px solid #DCDCDC;padding: 30px 0;text-align: center;font-size: 18px;color: #333333;-webkit-transition: border 0.5s;transition: border 0.5s;}
.owl-demo .item:hover .item-list-button {border-top: 1px solid #0064E0;}
.owl-demo .item .item-list-button button {color: #666666;font-size: 16px;padding: 10px 50px;background-color: #fff;border: 1px solid #DCDCDC;border-radius: 3px;margin-top: 20px;-webkit-transition: background-color 0.5s;	transition: background-color 0.5s;}
.owl-demo .item:hover .item-list-button button {background: #FB932C;border: 1px solid transparent;color: #fff;}
.owl-demo img {	display: block;	width: 100%;}
.owl-demo .owl-controls {margin-bottom: 20px;}
.bg-f5 {background: #f5f5f5;}

#indab{ padding:45px 0;background: url(../images/abg.jpg) right top no-repeat;background-size: 15%;}

.indab_lt{ width:53%; float:left; position:relative;}
.indab_lt .fdline{ position:absolute; top:18%; right:0; z-index:999;}
.indab_lt_top{ line-height:50px; display:block; height:50px;}
.indab_lt_top i,.indab_lt_top span,.indab_lt_top em{ float:left; font-size:15px;}
.indab_lt_top i{ background:url(../images/line.jpg) left center repeat-x; height:50px; width:22%;}
.indab_lt_top span{ color:#555; font-family:Arial; padding:0 10px;}
.indab_lt_top em{ color:#333;}
.indab_lt_pic{ display:block; border:1px solid #D8D8D8; padding:5px; width:98%; position:relative;}
.indab_lt_pic a{  width:11%;}
.indab_lt_pic .aimg{ position:absolute; right:0; bottom:30px; z-index:10;}
.indab_lt_pic .aimg img{ width:100%;}
.indab_rg{ width:45%; float:right; padding-top:20px;}
.indab_rg_title{ height:70px; padding-top:25px; background:url(../images/aboutus.png) left top no-repeat;}
.indab_rg_title span{ font-size:36px; font-weight:700; line-height:70px; color:#333; background:url(../images/liney.jpg) left bottom no-repeat; padding-bottom:15px;}
.indab_rg_con{ padding:15px 0; line-height:30px; font-size:16px; color:#555;}
.indab_rg_con p{ overflow:hidden;}
.indab_rg_bot{ text-align:center; padding-top:20px;}
.indab_rg_bot li{ float:left; width:22.5%; border:1px #e6e6e6 solid; min-height:70px; padding:15px 0; margin-left:2%; transition:.5s; margin-top:6px;}
.indab_rg_bot li:first-child{ margin-left:0;}
.indab_rg_bot li a img{ display:block; margin:0 auto;}
.indab_rg_bot li:hover{ box-shadow:0px 0px 15px #ccc; border:1px #fff solid; margin-top:0;}
.indab_rg_bot li a span{ line-height:20px; padding:8px 0; display:block; font-size:16px; color:#555;}
.indab_rg_bot li:hover a span{ color:#009fe0;}

.bj2 { background: url(../images/bj2.jpg) no-repeat top center; overflow: hidden;}
.bj2 .ywfw-index { padding-top: 65px;}
.bj2 .ywfw-index .title b { display: block; font-size: 48px; color: #fff; margin-bottom: 10px;}
.bj2 .ywfw-index .title a { font-size: 14px; color: #fff; text-align: center; width: 100px; height: 34px; border-radius: 20px; background: #074bac; display: inline-block; line-height: 34px; float: left;}
.bj2 .ywfw-index .title span { font-size: 24px; color: #748097; font-family: "Arail"; text-transform: uppercase; margin-left: 26px;}
.bj2 .ywfw-index .wz { font-size: 19px; color: #ffffff; margin-top: 18px;}
.bj2 .picScroll-left2 { position: relative; margin-top: 45px;}
.bj2 .picScroll-left2 .bd ul li { float: left; width: 24%; height: 491px; background: url(../images/libj.png) no-repeat top center; margin: 0 6px;}
.bj2 .picScroll-left2 .bd ul li a { display: block;}
.bj2 .picScroll-left2 .bd ul li a .img { overflow: hidden; text-align: center;}
.bj2 .picScroll-left2 .bd ul li a .img img { width: 160px; height: 160px;}
.bj2 .picScroll-left2 .bd ul li a b {  text-align: center; display: block; font-size: 24px; color: #000000; /* padding-left: 40px; */ padding-top: 54px; padding-bottom: 20px;}
.bj2 .picScroll-left2 .bd ul li a p {  text-align: center; font-size: 14px; line-height: 28px; color: #5b5e61; height: 144px; overflow: hidden;}


#anli{ width:100%; margin:0 auto; background:#f7f7f7; }
.anli{ width:68%; padding-bottom:50px;  margin:0 auto; position:relative}
.anli_nr{ width:100%; background:#FFF; margin:0 auto; margin-top:30px; padding-bottom:30px; -moz-box-shadow:0px 0px 20px #666666; -webkit-box-shadow:0px 0px 20px #666666; box-shadow:0px 0px 20px #666666;}

.multipleColumn{position:relative; width:96%; margin:0 auto; font-family:"微软雅黑"  }
.multipleColumn .bd{ overflow:hidden; margin:0 auto; padding-top:25px;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; float:left; _display:inline;  }
.multipleColumn .bd ul li{ width:23%; margin:1%; margin-top:6.5px;  float:left; _display:inline; overflow:hidden; text-align:center; position:relative  }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ display:block; width:100%; max-width:100%; }
.multipleColumn .bd ul li:first-child{ margin-left:0; width:49%;}
.multipleColumn .bd ul li:first-child .pic img{ width:100%; }
.multipleColumn .bd ul li .title{ width:100%; position:absolute; bottom:0; height:38px; line-height:38px; background:#000; opacity:0.7; }
.multipleColumn .bd ul li:first-child .title{ width:100%; height:75px; background:#165fa7; opacity:0.8; text-align:left; line-height:70px; text-indent:0.5cm; font-size:25px; font-weight:bold}
.multipleColumn .bd ul li .title a{ color:#FFF}


/*focus*/
.focus{ }
.focus h2{width: 425px;margin: 0 auto;padding-top: 50px;text-align: center;}
.focus h2 a{display: block;font: bold 48px "Microsoft YaHei";color: #0660b1;}
.focus h2 a em{display: block;font-weight: normal;font-size: 24px;line-height: 40px;color: #333;}
.box5{margin-top:15px;}
.box5 .fl,.box5 .fr{width:48%;}
.box5 div h3{font: bold 24px "Microsoft YaHei";color: #0064E0;padding-bottom: 10px;border-bottom: 1px solid #afadae;background: url(img/index/fc02.png) no-repeat right;}
.box5 div h3 a{ display:block;font: bold 24px "Microsoft YaHei";color: #0064E0;}
.box5 div h3 em{display: inline-block;margin-left: 10px;font: normal 18px "Microsoft YaHei";color: #0b0306;}
.box5 div.fl p{font: 18px "Microsoft YaHei";color: #0b0306;padding: 20px 34px 10px;background: #ededed;margin-top: 30px;}
.box5 div.fl p a{color: #0b0306;display: inline-block;}
.box5 div.fl p em{display: inline-block;width: 60px;font: 18px/28px "Microsoft YaHei";color: #fff;background: #0064E0;text-align: center;margin-right: 10px;}
.box5 div.fl p span{display: block;font: 14px/28px "Microsoft YaHei";color: #565354;margin-top: 10px;}
.box5 div.fl p i{right: 50px;bottom: 10px;width: 115px;font: 14px/30px "Microsoft YaHei";color: #0b0306;background: #fff;text-align: center;border-radius: 10px;}
.box5 div.fl ul{margin-top: 20px;}
.box5 div.fl li{font: 14px/26px "Microsoft YaHei";color: #0b0306;padding: 10px 0;border-bottom: 1px dashed #dcdbdb;}
.box5 div.fl li a{color: #0b0306;}
.box5 div.fl li em{display: inline-block;width: 25px;background: #393939;color: #fff;margin-right: 10px;text-align: center;}
.box5 div.fl li em.em1{background: #0064E0;}
.box5 div.fl li span{display: inline-block; float:right}
.box5 div.fr .fr_bk{margin-top: 15px;}
.box5 div.fr dl{height: 110px;padding: 15px 0;border-bottom: 1px dashed #dcdbdb;}
.box5 div.fr dl.br0{border-bottom: 0;}
.box5 div.fr dl dt{ width:25%; float:left;}
.box5 div.fr dl dt img{ border:1px solid #E7E7E7; padding:3px; height:110px}
.box5 div.fr dl dd{ float:right; width:72%;}
.box5 div.fr dl dd h4 a { display:block; font: 18px/40px "Microsoft YaHei";color: #0b0306; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.box5 div.fr dl dd p{font-size: 14px;color: #5a5758;line-height: 30px;}

.yunu-link{padding:30px 0}
.yunu-link h4{border-bottom:1px solid #ddd;margin:0;font-size:18px;color:#0064E0;padding-bottom:5px}
.yunu-link h4 small{text-transform:uppercase;font-size:16px;font-weight:normal;color:#999}
.yunu-link ul{}
.yunu-link li{float:left;margin-left:20px;margin-top:5px}

.dibu{ background:#333333; color:#fff;}
.dibu1{ padding:40px 0 20px 0; overflow:hidden; }
.dibu1 h5{ font-size:16px; border-bottom:1px #666666 solid; font-weight:normal; padding-bottom:10px;}
.dibu1_e{ width:21%; float:left; overflow:hidden;}
.dibu1_e b{ font-size:28px; color:#FB932C; display:block; margin-top:20px;}
.dibu1_e p{ width:90px; margin:0 auto; margin-top:20px; line-height:40px; text-align:center;}
.dibu1_e p img{ width:90px; height:90px; overflow:hidden;}
.dibu1_d{ width:25%; float: left; margin-left:120px; padding-left:65px; border-left:1px #666666 solid;}
.dibu1_d p{line-height:37px; margin-top:20px; overflow:hidden; }
.dibu1_d p a{ display:block; width:90px; float:left;}
.dibu1_p{ width:26%; float:right;padding-left:65px; border-left:1px #666666 solid;}
.dibu1_p p{ line-height:37px; margin-top:20px;}
.dibu2{ line-height:65px; background:#222222; }
.dibu2 span{}
.dibu a{ color:#fff;}
.dibu a:hover{ text-decoration:underline;}

.nyban img {  min-height: 249px;  object-fit: cover;}
.dqwz { background: #f0f3fa; padding: 10px 0;  border-top: 1px solid #d3dcf0;  border-bottom: 1px solid #d3dcf0;  font-size: 15px;  margin-bottom: 50px;}
.dqwz .p1 { text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.dqwz .p2 { display: none;}
.prenext { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 98%; line-height: 30px; margin-top: 20px; border-top: 1px #ddd solid; padding-top: 20px;}
.prenext .pre { float: left; width: 48%; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.prenext .next { text-align: right; float: right; width: 48%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.main-product {	}
.main-product .main-product-left {width: 22%; float: left;}
.main-product .main-product-right {	width:75%; padding-left:2%;float: left;}
.main-product .main-product-right .titles {padding: 10px 0 18px 0;	border-bottom: 1px solid #dcdcdc;}
.main-product .main-product-right .titles b {font-size:28px;border-bottom:3px solid #0064E0;padding-bottom:5px;}
.main-product .main-product-left .main-product-left-title, .main-product .main-product-left .main-product-left-text {border: 1px solid #eeeeee;border-radius: 3px;	margin-bottom: 20px;}
.main-product .main-product-left .main-product-left-title ul span{ display:block; line-height:52px; background:#0064E0; text-align:center; font-size:22px; font-weight:bold; }
.main-product .main-product-left .main-product-left-title ul span a{ color:#fff;}
.main-product .main-product-left .main-product-left-title li {padding: 5px 5px;font-size: 14px;border-bottom: 1px solid #eeeeee;display: block;cursor: pointer;-webkit-transition: all 0.5s;transition: all 0.5s;}
.main-product .main-product-left .main-product-left-title li.li::before {content: "";background-image: url("../img/product/right.png");	background-repeat: no-repeat;width: 10px;height: 10px;display: inline-block;margin-right: 15px;}
.main-product .main-product-left .main-product-left-title li.ti {font-size: 24px;font-weight: bold;background-color: #3b3b3b;border-bottom: 3px solid #fff;color: #fff;border-radius: 3px 3px 0 0; line-height:60px; text-align:center;}
.main-product .main-product-left .main-product-left-title li.li:hover {	color: #f08519;}
.main-product .main-product-left .main-product-left-title li.li:hover::before {	background-image: url("../img/product/right_hover.png");}
.main-product .main-product-left .main-product-left-title li.active::before {background-image: url("../img/product/right_hover.png");}
.main-product .main-product-left .main-product-left-title li.active {color: #f08519;}
.main-product-left-text p {	padding: 10px 18px;	font-size: 14px;}
.main-product-left-text p b {display: block;font-size: 24px;}
.main-product-left-text img {margin-bottom: 30px;}
.main-product-left-text p:last-child {margin-bottom: 30px;}
.main-product .solution ul li {	display:block;margin-bottom: 20px;padding: 30px;background-color: #f5f5f5;border: 1px solid #eeeeee;}
.main-product .solution ul li:nth-child(2n) {-webkit-box-orient: horizontal;	-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.main-product .solution ul li .demo-left {width: 24%; display:block; float:left;}
.main-product .solution ul li .demo-right {	width:72%; float:right;}
.main-product .solution ul li .demo-right span{ width:105px; color:#fff; border-radius:7px; display:block; background:#0064E0; padding:5px 25px; float:right;}
.main-product .solution ul li .demo-right h2 {	font-size: 20px;font-weight: bold; line-height:45px;}
.main-product .solution ul li p {margin: 30px 0;}
.main-product .solution ul li button.button-right {	background-color: #fff;	border: 1px solid #dcdcdc;	color: #666666;}

.case-main{ width:76%; float:left; padding-left:2%;}
.case-main li { float: left; width: 32%; margin-top: 1%; margin-left: 1%; margin-bottom: 1%; text-align: center; border: 1px solid #dcdcdc; box-shadow: 2px 4px 8px 0px #e6e6ef; overflow: hidden;}
.case-main li .img { position: relative;}
.case-main li .img:before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: url(../images/caseBgActive.png) repeat; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0;}
.case-main li .img:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; content: ""; width: 48px; height: 48px; background: url(../images/caseActive.png) no-repeat; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0;}
.case-main li a { display: block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.case-main li p { font-size: 18px; line-height: 45px;}
.case-main li:hover a {color: #fff;  background-color: #0064E0; }
.mrt {background-color: #e7e7e7;height: 47px;line-height: 47px;	border-left: #DF3536 5px solid;	margin-bottom: 20px;font-size: 16px;font-weight: bold;text-indent: 20px;}

.mright {float: left;width: 75%;margin-left:2%;display: inline; }
.list{}
.list .node{margin-bottom:8px} /* 单个文章信息 */
.list .node .title{padding-bottom:6px;padding-top:5px;} /* 标题 */
.list .node .title h2{margin:0px;padding:0px;font-size:16px} /* 标题 */
.list .node .title a{border-left-width:5px;border-left-style:solid;border-left-color:#D9D9D9;padding-left:5px}
.list .node .title a:hover{text-decoration:underline}
.list .node .description{padding:8px;line-height:150%;color:#555} /* 描述 */
.list .node .description p{margin:0px;padding:0px; font-size:14px;}
.list .node .info{text-align:right;font-size:12px;line-height:20px; border-top:1px #dddddd solid;  border-bottom:1px #dddddd solid; color:#666;padding-right:18px} /* 文章其他信息 */
.list .node .info span{color:#390;}

.info1 {text-align: center;	line-height: 30px;color: #666;padding-right: 18px;border-top: 1px #dddddd solid;border-bottom: 1px #dddddd solid;margin-bottom: 20px;}
.tjcp{ margin-top:25px;}
.ptitle1 {line-height: 35px; font-size:28px;margin-bottom: 8px;	text-align: center; font-weight:bold;}
.p16 {	font-weight: bold;font-size: 16px;}
.ptitle {line-height: 35px;	margin-bottom: 8px;	text-align: center;}
.pline {border-bottom: 4px double #dddddd;	height: 35px;}
.xgxw {	margin-bottom: 30px;margin-top: 30px;}
.xgxw li {border-bottom: 1px #dddddd dashed;background: url(../images/mli.jpg) no-repeat left center;padding-left: 20px;line-height: 40px;height: 40px;overflow: hidden;}

.i5upage li { list-style-type:none; float:left; } /*如分页代码变成楼梯错位，加上这句即可*/
.i5upage{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.i5upage a,.i5upage span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

.mright { margin-bottom: 60px;}
.mright .nyl { float: left; width: 45%; border-radius: 6px; overflow: hidden;}
.part-main .nyl img { width: 98%; border:5px solid #E7E7E7;}
.mainL img {border: 1px solid #E8E8E8;}
.mright .nyr { float: left; width: 51%; margin-left: 4%; display: inline;}
.mright .nyr h2 { font-size: 26px;}
.mright .description { color: #666; line-height:36px; padding-top: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.mright .list1 { width: 100%; overflow: hidden; padding: 10px 0; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; margin-top:20px;}
.mright .list1 li { float: left; width: 25%; line-height: 26px;}
.mright .list1 li i { display: block; float: left; width: 26px; height: 26px; margin-right: 5px;}
.mright .nytel { color: #999; font-size: 15px; padding-top: 30px;}
.mright .nytel strong { display: inline-block; color: #0064E0; font-size:24px;/* vertical-align: text-bottom; */font-family: Arial, Helvetica, sans-serif;}
.mright .nyrBtn { margin: 30px 0;}
.mright .nyrBtn a { float: left; width: 167px; height: 45px; line-height: 43px; color: #fff; text-align: center; border-radius: 4px; border: 1px solid #0064E0; background-color: #0064E0; -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.mright .nyrBtn a.backBtn { margin-left: 30px;}
.mright .main dl { float: right; width: 20%; margin-left: 2%; margin-bottom: 20px; background: #0064E0 url(../images/partListBg.jpg) no-repeat left bottom / contain;}
.mright .main dl span{ text-align:center; display:block; background:#f0f0f0; line-height:48px; font-size:18px; font-weight:bold;}
.mright .main dl dt { text-align: center;  padding: 30px 0; background-color: #0064E0; color:#fff; font-size:18px;}
.mright .main dl dt strong{ font-size: 30px; color: #fff;} 
.mright .main dl dt p { font-size: 14px; color: #d3d3d3;}
.mright .main dl dd { padding: 0 10px;}
.mright .main dl dd a {display: block;height:36px;line-height: 52px;color: #ececec;padding: 11px 0; border-top: 1px dashed #ececec;}
.mright .main dl dd a h3{ float:left;}
.mright .main dl dd:first-of-type a { border-top: 0;}
.mright .main dl dd span { float: left; font-size: 15px;}
.mright .main dl dd i { float: right;  font-size: 15px; margin-right: 11px;}
.mright .main dl dd.tel { color: #fff; margin: 30px 0; border-top: 5px solid #fff;}
.mright .main dl dd.tel p{ line-height: 32px; font-size: 14px; padding-top:30px;}
.mright .main dl dd.tel strong { font-size:32px; line-height:42px; font-family:arial, tahoma, "Microsoft Yahei", 宋体, sans-serif; font-weight: normal;}
.mright .main .mainL{ float: left; width:100%; line-height: 2; font-family: arial, tahoma, "Microsoft Yahei", 宋体, sans-serif; border-top: 1px dotted #c0c0c0; margin-top:25px;}

.txt_name { line-height: 32px; font-size: 26px; font-weight: bold; background: url(../images/nchtit.png) no-repeat left center; margin:20px 0; padding-left: 40px; background-size: contain; }

.tjcp,{ margin-top: 30px;}
.tjcp .name{ position: relative; line-height: 50px; color: #fff; font-size: 26px; text-indent: 40px;}
.tjcp .name:before{ position: absolute; left: 0; top: 0; content: ""; width: 206px; height: 50px; background: url(../images/xgt2.png) no-repeat left center; z-index: -1;}
.tjcp .name:after{ position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 50px;  background-color: #f2f2f2; z-index: -2;}
.tjcp ul{ border: 1px #dddddd solid; padding: 5px; overflow: hidden;}
.tjcp li { float: left; width: 24%; margin: 0.5%;}
.tjcp li img{ border:1px solid #f0f0f0;}
.tjcp li span { display: block; line-height: 42px; text-align: center;  background-color: #eee; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1200px) {
.wrap,.banner,.ss{ width:100%; }
.anli{ width:98%; margin:1%;}
.multipleColumn .bd ul li:first-child { width:98%; margin:0 auto;} 
.multipleColumn .bd ul li{ width:48%; margin:1%;}
.multipleColumn .bd ul li:first-child .pic img{ height:auto;}
.bj2{ display:none;}
}

@media screen and (max-width: 980px) {
.logo{ width:100%; text-align:center; padding:10px 0;}
.topr{ width:100%; padding:0;}

.ttel,.t2{ display:none;}
.nav{ display:block;width: 100%; height:50px; line-height:50px;background-color: #0064E0;}
.nav li{ text-align:center;}
.nav li a,.nav li a:hover{ color:#fff;}

.indab_lt,.indab_rg{ width:98%; margin:1% auto;}
.box5 .fl, .box5 .fr {width: 98%;}

.dibu1_d{ width:25%; margin-left:2%;}

}



@media screen and (max-width: 800px) {
.nav{ height:80px; line-height:40px; overflow:hidden;}
.nav li{ width:33.333333%; border:1px #d7d7d7 solid; box-sizing:border-box; margin-left:-1px; margin-bottom:-1px;}
.header .nav li a{ height:auto; padding:0; color:#fff; font-size:1em; border:0;}
.logo img{ height:60px;}
#banner_tabs{ display:none;}
#sjbanner_tabs{ display:block;}

.dibu2{ margin-bottom:40px; line-height:36px; }

.fdh{ line-height:40px; height:40px; background-color:#222222; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; }
.fdh li{ width:33.33333%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#FF9F0A;}
.fdh a{ color:#FFF;}

.owl-demo .item{ width:48%;}
.main-title b{ font-size:26px; padding-bottom:20px;}
.main-title span{ font-size:16px;}
.main-title .fr{ width:100px;}

.nyban {  display: none;}
.dqwz { display: block; margin-top:15px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background-color: #0064E0; height: auto; text-align: center; padding: 0; line-height: 16px; border: 0; margin-bottom: 20px;}
.dqwz .w1410 {  width: 100%; }
.dqwz .p1 {  font-size: 14px;  border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;  text-align: center; background-color: #fff; padding: 15px; }
.dqwz .p1 b {  padding-left: 0; }
.dqwz .p2 { display: block; color: #fff; padding: 10px 0;}

	.main-product .main-product-left {	width: 100%;}
	.main-product .main-product-right {	width: 100%;padding-left: 0;}
	.main-product .solution ul li .demo-left {	width: 100%;}
	.main-product .solution ul li .demo-right {width: 100%;	padding: 20px 0;}
	.main-product .solution ul li .demo-right {	width: 100%;padding: 20px 0;}
	.case-main{ width:98%; margin:0 auto;}
    .case-main li{ width:47%; margin:1%;}
	.mright {width: 100%;margin-left: 0;}
	 .mright .nyr, .mright .nyl{ width:98%; margin:0 auto 10px;}
	 .tjcp li{ width:48%;}
}

@media screen and (max-width: 640px) {
.box5 div.fr dl dt{ display:none;}
.box5 div.fr dl dd{ width:98%; margin:1%;}
.box5 div.fl li em{ margin-right:0px;}
.dibu1_d{ display:none; }
.dibu1_e{ width:48%}
.dibu1_p{ width:48%; padding-left:3%;}

}
@media screen and (max-width: 480px) {
	.main-title span{ display:none;}
	.dibu1_e, .dibu1_p{ width:98%; text-align:center;}

}