@charset "utf-8";

html,body{
	font-family: '微软雅黑',"Graphik-Regular",arial,verdana;
}
input, button, textarea,select{
	font-family: '微软雅黑',"Graphik-Regular", arial,verdana;	
}
.bgf8{
	background: #f8f8f8;
}
.bgf1{
	background: #f1f1f1;
}
/*.layout-wrap {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}*/
.mod-topbar {
    height: 10px;
    background: #929292;
    padding: 6px 0;
    font-size: 12px;
    line-height: 16px;
    color: #a1a1a1;
    position: relative;
    z-index: 100;
}

.mod-topbar a {
    color: #fff;
    padding: 0 10px;
}

.mod-topbar .login, .mod-topbar .user-info {
    float: right;
}

.mod-topbar .user-info a {
    border-left: 1px solid #999;
}

.mod-topbar .user-info a:first-child {
    border-left: none;
}

.mod-topbar .user-info a:hover {
    color: #fff;
}

.mod-header, .mod-header .logo a, .mod-header .logo .logo-img, .mod-header .nav, .mod-header .nav-start-btn {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.mod-header {
    height: 104px;
    background:url(../images/topbg.jpg) repeat-x bottom #fff;
    z-index: 1000;
    position: relative;
}

.mod-header .logo {
    padding: 0;
    width: 200px;
    overflow: hidden;
}

.mod-header .logo a {
    display: block;
    height:104px;
    text-decoration: none;
}

.mod-header .logo .logo-img {
    height: 100px;
    width: 161px;
    vertical-align: middle;
}
.mod-header .nav-start-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 20px;
    margin: 24px 0;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}

.is-fixed.mod-header {
    position: fixed;
    top: 0px;
    height: 56px;
    width: 100%;
	border-top:#929292 10px solid;
	/*background-image:none;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/
}

.is-fixed.mod-header .logo {
    padding:0;
}

.is-fixed.mod-header .logo-img {
    height: 45px;
    width: 73px;
    /*margin-left: 30px;*/
	margin-top:0px;
}

.is-fixed.mod-header .nav {
    padding: 10px 0;
}

.is-fixed.mod-header .nav-start-btn {
    margin: 6px 0;
}
.is-fixed .BarDiv{opacity:0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}


/*********/
.BarDiv{height:30px; line-height:33px; position:absolute; top:0px;right:0px; width:412px; transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.BarDiv .language{margin:auto 10px;}
.BarDiv .lan{width:123px; height:24px; line-height:24px; border:#e0e0e0 1px solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; padding:0 8px; font-size:13px; background:url(../images/jiangtou.png) no-repeat 100px #FFF; position:relative; margin-top:6px; z-index:999999999; color:#FFF}
.selectlan{opacity:0; border:#e0e0e0 1px solid; width:123px; height:106px; left:-1px; position:absolute; top:-70px; background:#FFF; z-index:999;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.BarDiv .lan:hover .selectlan{opacity:1;left:-1px;top:22px; background:#FFF;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; z-index:10}
.BarDiv .lan:hover .selectlan ul li{ border-bottom:#e0e0e0 1px solid; margin-top:10px}
.BarDiv .lan .selectlan ul li img{display:inline-block; margin-bottom:4px; vertical-align:middle; margin-left:8px; margin-right:6px}
.BarDiv .searchBar{width:152px; height:25px; position:absolute; top:5px; left:0px; background:url(../images/searchBg.png) no-repeat center center;}
.BarDiv .searchBar input{border:0 none; padding:0px; position:absolute; top:1px; height:23px; line-height:23px;background:none;}
.BarDiv .searchBar input.txt{width:104px; padding:0px 5px; color:#b3b2b2; left:8px; outline:none}
.BarDiv .searchBar input.submit{width:29px; right:1px; cursor:pointer; }

.Menu{height:36px; position:absolute; bottom:10px; width:100%;left:0;}
.nav{width:100%;position:relative; clear:both; z-index:9;}
.nav ul{margin:0 auto; text-align:right;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding:0}
.nav li{margin:0px 30px 0 30px;text-align:center; display:inline-block;}
.nav a{height:47px;display:block;font-size:16px; color:#4e4e4e; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.nav li a.mmm{background:url(../images/menuline.png) no-repeat center 100px;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li:hover a.mmm{background:url(../images/menuline.png) no-repeat bottom center;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.is-fixed .nav li:hover a.mmm{background:url(../images/menuline.png) no-repeat center 25px;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
/*.nav li.mn a.mmm:after{content: "";display: block;position:absolute;left: 50%;right:50%;bottom:-3px;height: 3px;opacity: 0;background-color: #D4BB54;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li.mn a.mmm:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li.mn:hover a.mmm:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li.mn:hover a.mmm{ color:#139FEF; font-weight:600;}*/

.nav .sub{display:none;width:100%;padding:0;position:absolute;top:46px;overflow:hidden;text-align:left;z-index:110;left:0px; background:rgba(255,255,255,0.95)}
.nav .sub .nav_xiao{/*width:1316px;*/overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;}
.nav .sub .nav_xiao .xiao_five{width:336px;overflow:hidden;float:right;margin-top:35px;margin-left:50px; position:relative}
.nav .sub .nav_xiao .xiao_five img{width:300px;height:140px;}
.nav .sub .nav_xiao .xiao_five img{
	width:100%;
	max-width: 101%;
	height: auto;
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.nav .sub .nav_xiao .xiao_five:hover img{    
	transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}



.nav .sub .nav_xiao .xiao_five a{/*width:344px;height:138px;padding:0;margin-right:45px;float:left;*/}
.nav .sub .nav_xiao .xiao_five2{float:left;margin-right: 20px;text-align: left;width:300px;margin-top:15px; margin-left:262px}
/*.nav .sub .nav_xiao .xiao_five2 div.aa{box-shadow:none;font-size: 14px;padding:0; height:50px; line-height:50px;}*/
.nav .sub .nav_xiao .xiao_five2 div.aa a{box-shadow:none;border-bottom: 1px solid rgba(0,0,0,0.1); margin-right:50px;text-align: left;width:200px;display:inline-block;padding-top:0;padding:0;font-size:14px; background:url(../images/jt.png) no-repeat left; text-indent:20px; height:52px; line-height:52px; color:#424242; }
.nav .sub .nav_xiao .xiao_five2 div.aa a:hover{ color:#C10F0F;background:url(../images/jt2.png) no-repeat left;}

/***产品下拉*****/
.nav .sub .nav_xiao .xiao_five3{ /*width:1280px; */margin:0 auto; padding-top:40px;}
.nav .sub .nav_xiao .xiao_five3 div.aa a{box-shadow:none;font-size:14px!important; border-bottom: 1px solid rgba(0,0,0,0.05);text-align:left; background:url(../images/sort3.png) no-repeat right; text-indent:0px; height:42px; line-height:42px; color:#424242;overflow:hidden;text-overflow:ellipsis;}
.mr0{ margin-right:0;}
.nav .sub .nav_xiao .xiao_five3 div.aa a:hover{ color:#C10F0F;background:url(../images/sort3_on.png) no-repeat right;}
.nav .sub .nav_xiao .xiao_five3 dd{ position:relative;float:left;width:-moz-calc((100% - 200px) / 5);width:-webkit-calc((100% - 200px) / 5);width: calc((100% - 200px) / 5); margin-right:50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.nav .sub .nav_xiao .xiao_five3 dd a.sort2{ float:left; width:100%; clear:both; font-weight:normal;height:40px; line-height:40px;background:url(../images/sort2.png) no-repeat left; display:none}
.nav .sub .nav_xiao .xiao_five3 dd a.sort2:hover{ color:#C10F0F;background:url(../images/sort2_on.png) no-repeat left;}
/****关于我们下拉*******/
.aboutnav{
	width:100%;
	float:left;
	padding-top:50px
}
.aboutnav li{
	float:left;
	text-align:left;
	padding:0!important;
	margin:0!important
}
.aboutnav li img{
	display:inline-block;
}
.aboutnav li.n1{
	float:left;
	width:360px;
	padding-top:20px
	
}
.aboutnav li.n1 .ntext1{
	width:100%;
	padding-bottom:15px;
	float:left;
}
.aboutnav li.n1 .ntext1 .p1{
	float:left;
	font-size:36px; 
	font-family:arial;
	border-right:#000 1px solid; 
	font-weight:bold;
	padding-right:5px; 
	line-height:100%;
}
.aboutnav li.n1 .ntext1 .p2{
	float:left; 
	font-size:16px;
	font-weight:bold; 
	padding-left:5px;
	line-height:100%
}
.aboutnav li.n1 .ntext1 .p2 span{
	font-size:10px;
	font-family:arial
}
.aboutnav li.n1 .ntext2{
	clear:both;
	font-size:46px;
	font-family:arial;
	font-weight:bold;
	color:#000;
	line-height:100%;
	padding-left:0;
	margin-left:0;
	text-align:left;
}
.aboutnav li.n1 .ntext2 span{
	font-size:16px;
	font-weight:normal;
	display:inline-block;
	line-height:100%;
	text-align:left;
	position:relative;
	top:-4px;
	padding-left:6px;
}
.aboutnav li.n2{
	float:left;
	width:570px;
	margin-left:50px!important;
	font-size:16px;
	line-height:200%;
}
.aboutnav li.n2 a.more{
	float:right;
	display:inline-block;
	z-index:9999;
	font-weight:normal;
	color:#000!important;
}
.aboutnav li.n3{
	float:right;
	width:-moz-calc(100% - 1000px);
	width:-webkit-calc(100% - 1000px);
	width: calc(100% - 1000px);
	text-align:right;
}
.aboutnav li.n3 img{
	max-width:100%!important
}
/***视频下拉********************/
.videonav{
	width:100%;
	float:left;
	padding-top:50px;
}
.videonav li{
	float:left;
	width:-moz-calc((100% - 300px) / 3);
	width:-webkit-calc((100% - 300px) / 3);
	width: calc((100% - 300px) / 3);
	margin:0!important;
	padding:0!important;
	margin-right:150px!important;
	position:relative;
	height:140px;
}
.videonav li:last-child{
	margin-right:0!important
}
.videonav li img{
	width:100%;
	height:140px;
}
.videonav li .vicon{
	background:url(../images/videoicon.png) no-repeat;
	background-size:50px;
	position:absolute;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:50px;
	top:50%;
	margin-top:-25px;
}
.videonav li a{
	display:block
}
/****联系我们下拉*******/
.contactnav{
	width:100%;
	float:left;
	padding-top:50px
}
.contactnav li{
	float:left;
	text-align:left;
	padding:0!important;
	margin:0!important
}
.contactnav li img{
	display:inline-block;
}
.contactnav li.n1{
	float:left;
	width:440px;
	background:#FFF;	
}
.contactnav li.n1 .ntext1{
	width:100%;
	padding-bottom:0px;
	padding-top:15px;
	float:left;
}
.contactnav li.n1 .ntext1 .p1{
	width:100%;
	float:left;
	font-size:16px; 
	font-family:arial;
	font-weight:bold;
	line-height:22px;
	margin-bottom:15px;
	margin-left:15px;
}
.contactnav li.n1 .ntext1 .p1 img{
	display:inline-block;
	float:left;
	width:40px;
	height:40px;
	margin-right:10px;
	vertical-align:middle;
}
.contactnav li.n1 .ntext1 .p1 span{
	font-weight:normal;
	font-size:16px;
}
.contactnav li.n2{
	margin-left:40px!important;
}
.contactnav li.n3{
	float:right;
	width:-moz-calc(100% - 1000px);
	width:-webkit-calc(100% - 1000px);
	width: calc(100% - 1000px);
	text-align:right;
}
.contactnav li.n3 img{
	max-width:100%!important
}
/****应用案例下拉*******/
.casenav{
	width:100%;
	float:left;
	padding-top:50px
}
.casenav li{
	float:left;
	text-align:left;
	padding:0!important;
	margin:0!important
}
.casenav li img{
	display:inline-block;
}
.casenav li.n1{
	float:left;
	width:310px;
}

.casenav li.n1 img{
	max-width:100%;
	
}

.casenav li.n2{
	margin-left:50px!important;
	width:-moz-calc(100% - 880px);
	width:-webkit-calc(100% - 880px);
	width: calc(100% - 880px);
	font-size:16px;
	line-height:200%;
}
.casenav li.n2 a{
	color:#000!important;
	float:right;
	display:block;
}
.casenav li.n3{
	float:right;
	text-align:right;
	width:470px;
}
.casenav li.n3 img{
	max-width:100%!important
}
/****新闻资讯下拉*******/
.newsnav{
	width:100%;
	float:left;
	padding-top:50px
}
.newsnav li{
	float:left;
	text-align:left;
	padding:0!important;
	margin:0!important
}
.newsnav li img{
	display:inline-block;
}
.newsnav li.n1{
	float:left;
	width:440px;
	background:#FFF;
	padding-top:10px!important;
	padding-bottom:5px!important;
	border:#e0e0e0 1px solid;
	margin-right:50px!important;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.newsnav li.n1 a{
	font-size:15px;
	display:block;
	width:100%;
	font-weight:normal;
	height:35px;
	line-height:35px;
	padding-left:15px;
	text-transform:capitalize!important;
}
.newsnav li.n1 a:hover,.newsnav li.n2 a:hover{
	color:#FE0303
}
.newsnav li.n1 a.more{
	float:right;
	text-align:right;
	margin-right:15px;
}
.newsnav li.n2{
	margin-left:50px!important;
	width:440px;
	background:#FFF;
}
.newsnav li.n2 a.more{
	color:#000!important;
	float:right;
	display:block;
}
.newsnav li.n3{
	float:right;
	text-align:right;
	width:336px;
}
.newsnav li.n3 img{
	max-width:100%!important
}
/*****************************/
.scroll {
	width:1316px;
	height:163px;
}
.scroll_left,.scroll_right {
	width:23px;
	height:163px;
	/*background-color:#232323;*/
	color:#fff;
	float:left;
	text-align:center
}
.picx {
	width:1270px;
	height:163px;
	float:left;
}
.picx ul {
	display:block;
	padding-left:50px;
}
.picx li {
	float:left;
	display:inline;
	width:304px;
	text-align:center;
	height:163px;
	margin:0;
}
.picx li img{ margin:0; display:block}
.picx li .pc{ float:left; overflow:hidden}
.picx li .txt{ float:left; font-size:13px; color:#e0e0e0; line-height:160%; width:160px; text-align:left; padding-top:50px; font-weight:600;}
.picx li .txt:hover,.picx li:hover .txt{ color:#C32435}
/** banner*/
.picScroll-left{ width:100%; overflow:hidden; position:relative; height:630px; margin:0; padding:0}
.picScroll-left .hd{height:0px; width:1200px; position:absolute; z-index:9; left:50%; margin-left:-600px; bottom:10px; top:50%;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:42px; height:84px; float:right; position:absolute; cursor:pointer; top:-42px;}
.picScroll-left .hd .next{ background:url(../images/next.png) left top no-repeat; right:0;}
.picScroll-left .hd .prev{ background:url(../images/prev.png) left top no-repeat; float:left;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; position:absolute; top:270px; left:50%; margin-left:-26px; height:20px; padding-top:2px; text-align:center}
.picScroll-left .hd ul li{ display:inline-block;width:15px; height:15px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; border:1px solid #FFF; background:#FFF; border-radius:100%; position:relative; z-index:9}
.picScroll-left .hd ul li.on{ background:#F30B1B; border:#F30B1B 1px solid; width:45px; height:15px; border-radius:25px;}
.tempWrap{ margin:0 auto;}
.picScroll-left .bd{ width:100%; overflow:hidden; height:630px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center; width:100%; height:630px;}
.picScroll-left .bd ul li .pic{ text-align:center; position:relative; width:100%; overflow:hidden; height:630px;}
.picScroll-left .bd ul li .pic img{display:block; height:630px; width:1920px; position:absolute; left:50%; margin-left:-960px;}

/***高度适应**/
.banner_box{
	width: 100%;
	height:100%;
	position: relative;
    padding-top:100px;
    overflow:hidden;
}
.banner{
	width: 100%;
	height: 100%;
	clear: both;
}
.banner .item a{
	display: block;
	width: 100%;
	min-height: 100%;
}
.banner_prev,.banner_next{
	display: none;
	position: absolute;
	top: 50%;
	z-index: 2;
	margin-top: -30px;
	width:36px;
	height: 60px;
	color: #fff;
	background: url(../images/banner_ico.png) no-repeat center center;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.banner_prev{
	left: -80px;
	transform: rotateZ(-180deg);
	-webkit-transform: rotateZ(-180deg);
}
.banner_next{
	right: -80px;
	
}
.banner_box:hover .banner_prev{
	left:30px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.banner_box:hover .banner_next{
	right:30px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.banner.owl-theme .owl-controls{
	display: block;
}


.banner_box .owl-theme .owl-dots{
	position: absolute;
	left:0;
	width: 100%;
	bottom: 38px;
}


.banner_box .owl-theme .owl-dots .owl-dot{
	width:15px;
	height:15px;
	margin:0 5px;
}
.banner_box .owl-theme .owl-dots .owl-dot span{
	width: 15px;
	height:15px;
	background: #fff;
	border-radius: 15px;
}
.banner_box .owl-theme .owl-dots .owl-dot.active, 
.banner_box .owl-theme .owl-dots .owl-dot:hover{
	border-color: #65BD45;
}
.banner_box .owl-theme .owl-dots .owl-dot.active span, 
.banner_box .owl-theme .owl-dots .owl-dot:hover span{
	background: #65BD45;
}
.banner_box .owl-theme .owl-dots .owl-dot.active{
	width: 45px!important;
}
.banner_box .owl-theme .owl-dots .owl-dot.active span{
	width: 45px!important;
	border-radius: 15px;
	background: #65BD45;
}
/*************首页产品***********/
/* 标题 */
.more_link{/*width:1280px;*/height:50px;border-bottom:1px solid #C1C1C1;position:relative;margin:30px auto 60px auto; text-align:center}
.more_link .ssbox{position:absolute;left:50%;top:29px;z-index:2;height:38px;width:200px; margin-left:-100px; background-color:#E8E8E8;}
.more_link a{color:#474747;font-size:44px;font-family: 'pangmenzhengdao';background-color:#E8E8E8;width:168px;text-align:center;height:100%;line-height:38px;display:block;border-radius:0px;margin:0px auto;}
.more_link p{font-size:18px; text-transform:uppercase; font-weight:bold;}
.indexpro{ background:#E8E8E8; clear:both; float:left; width:100%; padding:50px 0}

.TTSlider{/*width: 1360px;*/margin: 30px auto}
.TTSlider li{list-style-type:none;float: left;}
.TTSlider li img{border: none;}
.TTSliderTitle{height: 84px; margin-top:60px}
.TTSliderTitle ul{/*width:1280px;*/ margin:0 auto}
.TTSliderTitle li{width:-moz-calc((100% - 60px) / 4);width:-webkit-calc((100% - 60px) / 4);width: calc((100% - 60px) / 4);height: 84px;  line-height:84px; color:#000; text-indent:100px; font-weight:bold; cursor:pointer;position: relative;z-index: 3;left: 0;}
.TTSliderTitle li:not(:last-child){margin-right:20px}
.TTSliderTitle li div.p1{ background:url(../images/p1bg.jpg) no-repeat left}
.TTSliderTitle li div.p2{ background:url(../images/p2bg.jpg) no-repeat left}
.TTSliderTitle li div.p3{ background:url(../images/p3bg.jpg) no-repeat left}
.TTSliderTitle li div.p4{ background:url(../images/p4bg.jpg) no-repeat left}

.TTSliderTitle li div{left: 0;right: 0;top: 0;bottom: 0;position: absolute;}
.TTSliderTitle .cur div{z-index: 3;}
.TTSliderTitle .cur div a{ color:#FFF}
.TTSliderTitle .noneBorRight div{border-right:none;}
.TTSliderTitle li a{display: block;width:100%;float: left;height:84px;line-height:84px;text-decoration: none;overflow: hidden;font-size:18px; color:#000}
.TTSliderTitle li a img{height: 50px;margin: 6px;width: 50px; display:none}

.TTSliderPic{/*width:1360px;*/padding:0 40px;position: relative;height: 228px;z-index: 1;}
.TTSliderPicList{position: relative;/*width:1280px;*/overflow: hidden;height:228px;}
.TTSliderPic ul{position: absolute;display: none;top:0px;left: 0;}
.TTSliderPic ul.show{display: block;}
.TTSliderPic li img{width:100%;}
.TTSliderPic li{/*width:305px;*/height: 228px;}
.TTSliderPic li:not(:last-child){margin-right:20px}
.TTSliderPic li a{display: block;height: 228px;overflow: hidden;}
.TTSliderPic li p{height: 30px;line-height: 30px;text-align: center;color: #ED0A0A; display:none}
.TTSliderPrevBtn,.TTSliderNextBtn{height: 100%;width: 30px;position: absolute;z-index: 999;top: 0;text-align: center;}
.TTSliderPrevBtn{left:0}
.TTSliderNextBtn{right: 0;}
.TTSliderPrevBtn a,.TTSliderNextBtn a{height: 42px;width: 30px;display: inline-block;background: url(../images/left.png) no-repeat left;margin-top: 100px}
.TTSliderNextBtn a{background: url(../images/right.png) no-repeat right}

/*************首页公司简介***********/
.indexabout{
	clear:both;
	float:left;
	width:100%;
	background:#707070;
	padding:50px 0 70px 0;
}
/*.indexabout .wrapper{
	width:1280px
}*/
.indexabout .left{
	float:left;
	width:45%;
	text-align:left;
}
.indexabout .left h3{
	font-size:44px;
	font-family:'pangmenzhengdao';
	text-align:left;
	color:#FFF;
	font-weight:lighter;
	margin-top:30px;
}
.indexabout .left .company_intr_desc{
	color:#FFF;
	line-height:180%;
	font-size:15px;
	margin-top:20px;
}
.indexabout .left .company_intr_desc a.more{
	display:block;
	width:100px;
	background:#E3802B;
	text-align:center;
	color:#FFF;
	height:30px;
	line-height:30px;
	border-radius:15px;
	margin-top:35px
}
.indexabout .left .company_intr_desc a.more:hover{
	background:#F00;
	color:#eee
}
.indexabout .right{
	float:right;
	width:620px;
	text-align:left;
	/*padding-left:80px;*/
}
/**********/
/********首页新闻*****************/
.indexnews{
	clear:both;
	width:100%;
	float:left;
	padding:80px 0 60px 0;
}
.indexnews .left_box{
	float:left;
	width:45%;
}
.indexnews .left_box img{
	width:100%;
	max-width:100%!important
}
.indexnews .right_box{
	float:right;
	width:55%;
	padding-left:80px;
}
.indexnews .right_box h2{
	font-family:'pangmenzhengdao';
	font-weight:lighter;
}
.indexnews .right_box h3{
	font-size:20px;
}
.indexnews .right_box h4{
	font-size:18px;
	font-weight:600;
	margin-top:20px;
}
.indexnews .right_box .subinfo{
	font-size:15px;
	margin-top:20px;
	line-height:160%;
}
.indexnews .right_box  a.buttom{
	float:right;
	display:block;
	width:180px;
	height:40px;
	line-height:40px;
	text-align:left;
	text-indent:20px;
	background:url(../images/arror.jpg) no-repeat 140px center #FFFFFF;
	font-size:18px;
	color:#c70404;
	outline-style:none;
	border-radius:3px;
	margin:10px 0;
	box-shadow: 10px 5px 10px 0 rgba(0,0,0,0.1);
	border:rgba(0,0,0,0.05) 1px solid;
}
/**********************************/
.ck-slide { width:620px; height:460px;}
.ck-slide ul.ck-slide-wrapper { height: 450px;}
.ck-slide ul,.ck-slide ul li { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative;/* overflow: hidden;*/ border:#FFF 10px solid}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li {position: absolute;}
.ck-slide ul.ck-slide-wrapper li a{ display:block; width:600px;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background: url(../images/arrow-left.png) #000 50% no-repeat; display:none}
.ck-slide .ck-next { right: 5px; background: url(../images/arrow-right.png) #000 50% no-repeat; display:none}
.ck-slidebox { position: absolute; left: 50%; bottom:-42px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px;/* border-radius: 8px; background: rgba(0,0,0,0.5);*/}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}
/*************首页框架代码***********/
.section{
	position: relative;
	height: 100%;
	background:#FFF;
}
.viewport-cont {
	width: 100%;
	height: 100%;
  overflow:hidden;
}
.section.active .viewport-cont {
}
#fp-nav{
	display: none;
}
#fp-nav ul li{
	width: 14px;
	height: 14px;
	margin-bottom: 24px;
}
#fp-nav ul li a{
	width:14px;
	height:14px;
	background: #dedede;
	border-radius: 14px;
}
#fp-nav ul li a span{
	width:14px;
	height:14px;
	background: #dedede;
	border-radius: 14px;
	margin: -7px 0 0 -7px;
	border: none;
}
#fp-nav ul li:last-child{
	display: none !important;
}
#fp-nav ul li:hover a span,#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span{
	background: #aa1d18;
	border: none;
}


.float_menu{
	position: fixed;
	right: 50px;
	top: 50%;
	z-index: 999;
	width: 30px;
	height: 100px;
}

.float_menu li{
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
	margin-bottom: 17px;
	
}
.float_menu li a{
	width: 76px;
	height:12px;
	display:flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items:center;
    -webkit-align-items: center;
}
.float_menu li .icon1{
	width: 12px;
	height: 12px;
	border: 2px solid #798992;
	border-radius: 50px;
}

.float_menu li .icon2{
	display: block;
	width:50px;
	height: 1px;
	background:transparent;
	overflow: hidden;
}
.float_menu li:hover .icon1,.float_menu li a.active .icon1,
.float_menu li a .hide:hover .icon1{
	background: #798992;
}

.float_menu li:hover .icon2,.float_menu li a.active .icon2,
.float_menu li a .hide:hover .icon2{
	background:#798992;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.float_menu.colorf li .icon1{
	border-color:#fff;
}
.float_menu.colorf li:hover .icon1,.float_menu.colorf li a.active .icon1,
.float_menu.colorf li a .hide:hover .icon1{
	background: #fff;
}

.float_menu.colorf li:hover .icon2,.float_menu.colorf li a.active .icon2,
.float_menu.colorf li a .hide:hover .icon2{
	background:#fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}


/*首页框架代码结束*/
.ind_clm2_bg{
	background:#E8E8E8;
	float:left;
	clear:both;
	width:100%;
}
.section02_box{
	height: 100%;
	padding-top: 60px;
  display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;

    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;

    flex-direction: column; 
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}
.section02_box .wrapper{
  height: 100%;
  display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;

    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;

    flex-direction: column; 
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}

.ind_pro_box{
	position: relative;
}
.indexsort{
	clear:both;
	margin:0 auto;
	width:94%;
}
.indexsort li{
	float:left;
	width:14.2%;
	width:-moz-calc((100% - 60px) / 4);
	width:-webkit-calc((100% - 60px) / 4);
	width: calc((100% - 60px) / 4);
	text-align:center;
	background:#999;
	height:70px;
	line-height:70px;
	margin-right:20px;
	margin-top:20px;
}
.indexsort li a{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
.indexsort li.s1{
	background:url(../images/s1.jpg) no-repeat left;
}
.indexsort li.s2{
	background:url(../images/s2.jpg) no-repeat left;
}
.indexsort li.s3{
	background:url(../images/s3.jpg) no-repeat left;
}
.indexsort li.s4{
	background:url(../images/s4.jpg) no-repeat left;
}
.indexsort li.s5{
	background:url(../images/s5.jpg) no-repeat left;
}
.indexsort li.s6{
	background:url(../images/s6.jpg) no-repeat left;
}
.indexsort li.s7{
	background:url(../images/s7.jpg) no-repeat left;
}
.indexsort li.s8{
	background:url(../images/s8.jpg) no-repeat left;
}
.ind_pro_scroll{
	width: 84%;
	margin: 0 auto 5%;
}

.ind_pro_item a{
	width: 100%;
	display:flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    align-items:center;
    -webkit-align-items: center;
}

.ind_pro_scroll.owl-theme .owl-nav{
	display: none;
}

.ind_pro_item_pic{
	width: 46%;
}
.ind_pro_item_pic img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.ind_pro_item_con{
	width: 54%;
}
.ind_pro_item_title{
	margin-bottom:15px;
}
.ind_pro_item_title .tt1{
	font-size: 20px;
	color: #3a4b65;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.ind_pro_item_title .tt2{
	font-size:36px;
	color: #00517A;
	font-family: "pangmenzhengdao";
	padding: 1% 0 2.5%;
}
.ind_pro_item_title .line{
	width: 400px;
	height: 3px;
	background: #00517A;
	position:relative;
}
.ind_pro_item_title .line span{
	height:8px;
	width:90px;
	background:#00517A;
	position:absolute;
	bottom:-2px;
	border-radius:5px;
}
.ind_pro_item_text{
	color: #000;
	font-size: 25px;
	line-height: 26px;
	margin: 5% 0;
}
.ind_pro_item_text p{
	padding-top:26px;
	font-size:15px;
}
.more_btn1{
	display: block;
	width: 100px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	color: #000;
	border: 1px solid #838485;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.more_btn1:hover{
	color: #000;
	border-color: #CCC;
	background:#FFF;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.ind_pro_scroll_dotsCont{
	width: 100%;
	display:flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items:center;
    -webkit-align-items: center;
}
.ind_pro_scroll_dotsCont_item{
	width:33%;
	/*background: #fff;*/
	height: 100px;
	padding: 0 2.5%;
	margin: 0 5px 10px;
	line-height: 100px;
	font-size: 18px;
	color: #000;
	text-indent:55px;
	/*display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;*/
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    cursor: pointer;
}
.ind_pro_scroll_dotsCont_item.s1{
	background:url(../images/s1.jpg) no-repeat left;
}
.ind_pro_scroll_dotsCont_item.s2{
	background:url(../images/s2.jpg) no-repeat left;
}
.ind_pro_scroll_dotsCont_item.s3{
	background:url(../images/s3.jpg) no-repeat left;
}
.ind_pro_scroll_dotsCont_item.s4{
	background:url(../images/s4.jpg) no-repeat left;
}
.ind_pro_scroll_dotsCont_item .icon{
	display: none;
	width: 30px;
	height: 30px;
	font-size: 28px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-right: 15px;
}

.ind_pro_scroll_dotsCont_item.active{
	width: 34%;
	/*background: #0cb0bf;*/
	color: #fff;
	font-size: 18px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_pro_scroll_dotsCont_item.active .icon{
	display: block;
}
.ind_pro_scroll_dotsCont_item .text{ font-weight:bold; font-family:arial; text-align:left;}
.ind_pro_scroll_dotsCont_item.active .text{
	width: calc(100% - 55px);
	font-weight:bold;
}

.ind_pro_scroll_prev,.ind_pro_scroll_next{
	position: absolute;
	left: 0;
	top: 30%;
	width: 23px;
	height: 42px;
	font-size: 60px;
	color: #cfd0d3;
	cursor: pointer;
}
.ind_pro_scroll_next{
	left: auto;
	right: 0;
/*	transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);*/
}

.ind_pro_scroll_prev{
	right: auto;
	left: 0;
	background:url(../images/left_a.png) no-repeat left;
}
.ind_pro_scroll_next{
	left: auto;
	right: 0;
	background:url(../images/ring_a.png) no-repeat right;
	/*transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);*/
}



.ind_clm3_bg{
	background: #0070A9;
}
.section03_box{
	padding-top: 60px;
	height: 100%;
	position:relative;
/*	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-direction: column; 
    -webkit-flex-direction: column;*/
}
.section03_box .left_box{
	width:620px;
	height:458px;
	position:absolute;
	top:50%;
	margin-top:-200px;
	right:0px;
	/*overflow:hidden; 
    box-shadow: 15px 15px 10px #989898;*/
	border:10px solid #FFF;
	opacity:0;
}
.section03_box .right_box{
	position:absolute;
	top:50%;
	margin-top:-200px;
	left:0;
	width:580px;
	opacity:0;
	padding-right:20px;
}
.section03_box .right_box h4{
	line-height:30px;
	color:#FFF;
	font-size:16px;
	font-weight:lighter;
	text-shadow:none;
	font-family:arial;
}
.section03_box .right_box h4 p{
	margin-top:15px
}
.section03_box .right_box h2{
	font-size:50px;
	color:#FFF;
	font-family: "BITSUMISHI";
	letter-spacing:2px;
	margin-bottom:30px;
}


a.buttom{
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#1EA6F6;
	font-family:arial;
	font-size:12px;
	color:#fff;
	outline-style:none;
	border-radius:15px;
	margin:30px 0;
	text-transform:uppercase;
}

/*图片滚动*/

.ind_news_l{
	width: 100%;
	padding:0;
}
.ind_news_l_tt{
	line-height: 30px;
	color: #fff;
	display: block;
	margin-bottom: 25px;
}
.ind_news_l_pic{
	overflow: hidden;
}
.ind_news_l_pic img{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.ind_news_l_scroll.owl-theme .owl-controls{
	display: block;
}

.ind_news_l_scroll.owl-theme .owl-nav{
	display: none;
}
.ind_news_l_scroll.owl-theme .owl-dots{
	position: absolute;
	left:50%;
	width: 100%;
	margin-left:-50%;
	text-align: center;
	bottom:-40px;
}


.ind_news_l_scroll.owl-theme .owl-dots .owl-dot{
	width:12px;
	height:12px;
	margin:0 5px;
}
.ind_news_l_scroll.owl-theme .owl-dots .owl-dot span{
	width: 12px;
	height:12px;
	border-radius: 0;
	background: none;
	border: 2px solid #fff;
	border-radius: 12px;
}
.ind_news_l_scroll.owl-theme .owl-dots .owl-dot.active, 
.ind_news_l_scroll.owl-theme .owl-dots .owl-dot:hover{
	border-color: #fff;
}
.ind_news_l_scroll.owl-theme .owl-dots .owl-dot.active span, 
.ind_news_l_scroll.owl-theme .owl-dots .owl-dot:hover span{
	background: #fff;
}

.ind_news_l_scroll dd a:hover .ind_news_l_pic img{
	transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
	transition: all 0.5s;
    -webkit-transition: all 0.5s;	
}
/*图片滚动*/


.title1{
	display: block;
	margin-bottom: ;
}
.title1 .tt{
	font-family: "Graphik-Semibold";
	font-size: 36px;
	color: #1f1f1f;
	margin-bottom: 1.5%;
}
.title1 .tt2{
	font-size: 12px;
	color: #1f1f1f;
}


.service_map_box{
	position: relative;
}
.service_map{
	position: relative;
}

.service_map_pic{
	display: block;
	width: 100%;
}
.service_map_pic img{
	display: block;
	max-width: 100%;
}
.service_map_item{
	position: absolute;
}
/*.meiguo{
	left: 20.48%;
	top: 26.77%;
}*/

.service_map_item_rela{
	position: relative;
	width: 18px;
	height: 28px;
}
.service_map_item_tt_icon{
	width: 18px;
	height: 28px;
}
/* .service_map_item_tt_icon2{
	background: url(../images/map_icon3.png) no-repeat center center;
} */
.service_map_item_float{
	display: none;
	position: absolute;
	left: 35px;
	top: -25px;
	width: 414px;
	height: 162px;
	z-index: 3;
	background: rgba(121,137,146,.8);
}
.service_map_item_con_icon{
	position: absolute;
	left: -12px;
	top: 30px;
	display: block;
	width: 12px;
	height: 22px;
	background: url(../images/map_icon2.png) no-repeat center center;
}
.service_map_item_con_icon.right{
	left: auto;
	right: -12px;
	transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
}
.service_map_item_con{
	height: 100%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    padding:6% 5%;
}
.service_map_item_con .pic{
	width:55px;
}
.service_map_item_con .pic img{
	display: block;
	width: 100%;
}
.service_map_item_con .con_r{
	width: calc(100% - 55px);
	padding-left: 15px;
	color: #fff;
}
.service_map_item_con .con_r .tt{
	font-size: 18px;
}
.service_map_item_con .con_r .text{
	font-size: 12px;
	line-height: 17px;
	margin:4% 0;
}
.service_map_item_con .con_r .mail{
	color: #fff;
}


.service_map_tip{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 240px;
}
.service_map_tip_tt{
	font-size: 18px;
	color: #1f1f1f;
	margin-bottom: 5%;
}

.service_map_tip_text{
	color: #000;
	line-height: 18px;
}


.service_map_tip{

}
.service_map_tip_item{
	clear: both;
	margin-bottom: 10px;
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items:center;
    -ms-align-items: center;
    -webkit-align-items: center;
}
.service_map_tip_item .num{
	float: left;
	width: 29px;
	height: 29px;
	color: #fff;
	font-size: 16px;
	border-radius: 29px;
	line-height: 29px;
	text-align: center;
	margin-right: 10px;
}
.service_map_tip_item .text{
	float: left;
	font-size: 16px;
	width: calc(100% - 39px);
	color: #fff;
}

.service_map_tip_item1 .num{
	background: #0cb0bf;
}
.service_map_tip_item1 .text{
	color: #0cb0bf;
}
.service_map_tip_item2 .num{
	background: #e46713;
}
.service_map_tip_item2 .text{
	color: #e46713;
}
.service_map_tip_item3 .num{
	background: #49565f;
}
.service_map_tip_item3 .text{
	color: #49565f;
}
.service_map_tip_item4 .num{
	background: #8c979e;
}
.service_map_tip_item4 .text{
	color: #8c979e;
}






.ind_clm4_bg{
	background: #FFF;
}
.section04_box{
	padding-top: 60px;
	height: 100%;
	position:relative;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}

.section04_box .left_box{
	width:510px;
	height:340px;
	position:absolute;
	top:50%;
	margin-top:-170px;
	left:0px;
	overflow:hidden; 
    /*box-shadow: 15px 15px 10px #989898;
	border:1px solid #999;*/
	opacity:1;
}
.op{opacity:1;}
.section04_box .right_box{
	position:absolute;
	top:50%;
	margin-top:-170px;
	right:0;
	width: calc(100% - 600px);
	opacity:0;
}
.section04_box .right_box h4{
	line-height:30px;
	color:#3a4b65;
	font-size:20px;
	font-family:arial;
	font-weight:normal;
}
.section04_box .right_box h2{
	font-size:36px;
	color:#00517A;
	font-family: "BITSUMISHI";
	font-weight:normal;
	margin:0 0 20px 0;
	border-bottom:#A1A1A1 3px solid;
	position:relative;
	padding-bottom:10px;
	width:290px;
}

.section04_box .right_box h2 span{
	height:8px;
	width:90px;
	background:#A1A1A1;
	position:absolute;
	bottom:-5px;
	border-radius:5px;
}
.section04_box .right_box h3{
	font-size:20px;
	color:#394a63;
	font-family:arial;
	font-weight:bold;
}
.section04_box .right_box p.date{
	font-size:16px;
}
.section04_box .right_box p.subinfo{
	font-size:14px;
	font-family:arial;
	line-height:180%;
	margin-top:10px;
}
.section04 a.buttom{
	float:right;
	display:block;
	width:180px;
	height:40px;
	line-height:40px;
	text-align:left;
	text-indent:20px;
	background:url(../images/arror.jpg) no-repeat 140px center #FFFFFF;
	font-size:18px;
	color:#c70404;
	outline-style:none;
	border-radius:3px;
	margin:10px 0;
	box-shadow: 10px 5px 10px 0 rgba(0,0,0,0.1);
	border:rgba(0,0,0,0.05) 1px solid;
}
.section04_box .right_box p.subinfo a.more{
	font-weight:bold;
	color:#CA0306;
}
.section04_box .right_box p.subinfo a.more:hover{
	font-weight:bold;
	color:#FF7401;
}




.ind_news_r{
	width: calc(100% - 400px);
	height: 700px;
}

.ind_news_r_t{
	width: 100%;
	height: 350px;
	padding: 100px 150px 0 70px;
	background: url(../images/bg1.jpg) no-repeat center center / cover;
}
.ind_news_r_t a{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}
.ind_news_r_t_l{
	width:50%;
}
.ind_news_r_t_l .tt{
	font-family: "Graphik-Bold";
	font-size: 42px;
	color: #1f1f1f;
	margin-bottom: 6px;
}
.ind_news_r_t_l .tt2{
	font-size: 14px;
	color: #1f1f1f;
}
.ind_news_r_t_r{
	width: 50%;
}

.ind_news_r_t_r p{
	line-height: 20px;
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
	transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.ind_news_r_t_r p span{
	color: #e46713;
}
.ind_news_r_t_r p:hover{
	transform: translateX(3px);
    -webkit-transform: translateX(3px);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}


.ind_news_r_b{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
.ind_news_r_b_video{
	width: 50%;
	height: 350px;
	border: 0;
}
.ind_news_r_b_720{
	width: 50%;
	height: 350px;
	overflow: hidden;
	position: relative;
}
.ind_news_r_b_720 .pic{
	width: 100%;
	height: 100%;
}
.ind_news_r_b_720_con{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-direction: column; 
    -webkit-flex-direction: column;
}
.ind_news_r_b_720_con .icon img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.ind_news_r_b_720_con .tt{
	font-size: 32px;
	color: #fff;
	font-family: "Graphik-Bold";
	margin: 3% 0;
}
.more_btn3{
	display: inline-block;
	color: #fff;
	font-size: 14px;
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #fff;
}
.ind_news_r_b_720:hover .pic img{
	transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
}

/*留言表单*/
.ind_clm5_bg{
	background:url(../images/ind_clm5_bg.jpg) no-repeat top center #f6f6f6
}
.section05_box{
	padding-top: 60px;
	height: 100%;
	position:relative;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
#triangle-up{
width:0;
height:0;
border-left:25px solid transparent;
border-right:25px solid transparent;
border-bottom:25px solid #f2f2f2;
margin:0 auto;
}
#triangle-left{
width:0;
height:0;
border-top:50px solid transparent;
border-bottom:50px solid transparent;
border-right:100px solid black;
}
#triangle-right{
width:0;
height:0;
border-top:50px solid transparent;
border-bottom:50px solid transparent;
border-left:100px solid black;
}
#triangle-topleft{
width:0;
height:0;
border-top:100px solid black;
border-right:100px solid transparent;
}
#triangle-topright{
width:0;
height:0;
border-top:100px solid black;
border-left:100px solid transparent;
}
#triangle-bottomleft{
width:0;
height:0;
border-bottom:100px solid black;
border-right:100px solid transparent;
}
#triangle-bottomright{
width:0;
height:0;
border-bottom:100px solid black;
border-left:100px solid transparent;
}
#triangle-down{
width:0;
height:0;
border-left:30px solid transparent;
border-right:30px solid transparent;
border-top:30px solid #F2F2F2;
margin:0 auto;
}
.indexcontact{
	width:100%;
	height:439px;
}
.indexcontact ul li.left{
	width:50%;
	float:left;
}
.indexcontact ul li.left h3{
	font-size:20px;
	font-weight:bold;
	border-bottom:#A1A1A1 3px solid;
	position:relative;
	padding-bottom:10px;
	width:290px;
	color:#0070A9;
	text-transform:uppercase;
}
.indexcontact ul li.left h3 span{
	height:8px;
	width:90px;
	background:#A1A1A1;
	position:absolute;
	bottom:-5px;
	border-radius:5px;
}
.indexcontact ul li.left h3 i{
	font-style:normal;
	font-family:'pangmenzhengdao';
	font-size:50px;
	color:#4B4B4B;
	font-weight:normal;
	letter-spacing:1.5px;
}
.indexcontact ul li.left .inqu{
	color:#4B4B4B;
	font-size:22px;
	margin-top:10px;
	font-weight:normal;
	line-height:150%;
}
.indexcontact ul li.left .add{
	color:#4B4B4B;
	font-size:16px;
	margin-top:20px;
	line-height:180%;
	font-weight:500
}
.indexcontact ul li.right{
	float:right;
	width:50%;
}
.indexcontact ul li.right .form-group{
	width:50%;
	float:left;
	padding-left:15px;
}
.indexcontact ul li.right .form-control{
	border:#A1A1A1 1px solid;
	background:#F2f2f2;
	border-radius:0px
}
.has-feedback{ padding-left:15px}
.indexcontact ul li.right .btn{
	width:100%
}


input::-webkit-input-placeholder{
	color:#485D7D;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#485D7D;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#485D7D;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#485D7D;
}

textarea::-webkit-input-placeholder{
	color:#485D7D;
}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#485D7D;
}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#485D7D;
}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#485D7D;
}
.form-control{
	color:#1A778D;
}

.form-control{
	border:rgba(86,78,60,0.9) 1px solid;
	width: 100%;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.3); 
	color: rgb(204, 204, 204); 
	margin-bottom:10px; 
	padding:10px 20px
}
/********************************/
.ind_clm6_bg{
	background:url(../up_pic/adbg.jpg) no-repeat center center / cover
}



.footer{
	position: relative;
	z-index: 5;
	clear:both;
}
.footer_t{
	background:#929292;
	padding: 3.5% 0;
}
.footer_t_con{
	display:flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.footer_l{
	width: 8.3%;
	padding:0 1% 0 0;
	border-right: 0px solid #646b6f;
}
.footer_t_title{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom:23px;
	font-family:arial;
}
.footer_list dd{
	margin-bottom: 12px;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	font-family:arial;
}
.footer_list dd a{
	display: block;
	line-height: 18px;
	font-size: 14px;
	color: #fff;
}
.footer_list dd a:hover{
	color: #fff;
	transform: translateX(3px);
    -webkit-transform: translateX(3px);
}
.footer_news{
	width:8.3%;
	padding:0 1% 0 0;
	border-right: 0px solid #646b6f;
}

.footer_pro{
	width:25%;
	padding:0 1% 0 0;
	border-right: 0px solid #646b6f;
}
.footer_pro .footer_list dd{
	margin-bottom: 12px;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	font-family:arial;
	float:left;
	width:30%;
	
}
.footer_pro .footer_list dd a{
	display: block;
	line-height: 18px;
	font-size: 14px;
	color: #fff;
}
.footer_download{
	width:8.3%;
	padding:0 1% 0 0;
	border-right: 0px solid #646b6f;
}
.footer_contact{
	width: 8.3%;
	padding:0 1% 0 0;
	border-right: 0px solid #646b6f;
}
.footer_mobile{
	width: 10%;
	padding:0 1% 0 0;
	border-right: 0px solid #646b6f;
}
.footer_nav{
	width: 14%;
	padding:0 0 0 1%;
}


.footer_b{
	background: #707070;
	padding:5px 0;
}
.footer_b_con{
	font-size: 13px;
	color: rgba(255,255,255,.6);
	display:flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items:center;
    -webkit-align-items: center;
}
.footer_b_con a{
	color: rgba(255,255,255,.6);
	line-height:50px
}
.footer_b_con a:hover{
	color: #fff;
}


/*
 * location
 */
.proNavbox{height:80px;position:relative;margin-bottom:40px; background:#FFF; clear:both; z-index:99}
.proNavbox .proNav{height:80px;box-shadow:0 1px 2px rgba(0,0,0,0.05);border-bottom:1px solid #ededed;color:#333}
.proNavbox .proNav.open:after{content:"";position:absolute;background:url("c_zz.png");width:2000px;height:100000px;top:50px;left:0;z-index:-1;}
.proNavbox .proClass{display:inline-block;position:relative;margin-right:30px}
.proNavbox .proClass .name{position:relative;border:1px solid #eee;width:80px;height:80px;line-height:80px;text-align:center;display:inline-block;background:white;z-index:1;border-top:none;border-bottom:none}
.proNavbox .proClass .name img{width:32px;vertical-align:middle}
.proNavbox .proClass .name span{display:block;text-align:center;font-size:12px;color:#333;position:absolute;bottom:0;left:0;width:100%;line-height:12px;display:none}
.proNavbox .proClass .name .shetou{position:absolute;width:36px;bottom:-9px;left:50%;margin-left:-18px}
.proNavbox .proClass .list{display:none;border:1px solid #eee;background:white;width:260px;padding:15px 10px;position:absolute;top:80px;}
.proNameBox {float: left; line-height:80px; padding-top:5px; font-size:16px;/* font-family:arial; */color:#424242; text-transform:uppercase}
.proNameBox a{ margin-right:20px; color:#424242}
.proNameBox a:hover{ color:#F00}
.proNameBox span,.loca span{ font-family:'宋体'; padding:0 10px}
.loca{ float:right; font-size:13px; margin-top:35px; color:#888888}
.loca a{ color:#888888}
.loca img{ vertical-align:middle}
.proClass {float:left;}

.location{
	clear: both;
	padding: 12px 10px;
	line-height: 26px;
	color: #000;
	font-size: 12px;
	background: #ededed;
}
.location_con{
	display:flex;
    display: -webkit-flex;
    justify-content:flex-end;
    -webkit-justify-content: flex-end;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.location .icon{
	color:#000;
	font-size: 22px;
	margin-right: 8px;
}
.location a{
	color: #000;
	margin: 0 5px;
}
.location a:hover{
	color: #000;
}


.sub_main{
	line-height:200%;
	font-size:14px;
	min-height:500px;
	
}
/*
 * about
 */
 .about-sign{
	width: 48px;
	height: 48px;
	padding: 7px 18px 6px;
	background: url(../images/bg_sign09.png) no-repeat;
	position: relative;
}
.about-sign .sign-top{
	width: 12px;
	height: 17px;
	background: url(../images/bg_sign07.png) no-repeat;
	position: absolute;
	left: 18px;
	bottom: 24px;
	animation: signMove 1s infinite;
	-webkit-animation: signMove 1s infinite;
	
}
.about-sign .sign-bot{
	width: 12px;
	height: 17px;
	background: url(../images/bg_sign08.png) no-repeat;
	position: absolute;
	left: 18px;
	top: 25px;
	animation: signMove 1s infinite;
	-webkit-animation: signMove 1s infinite;
}
@keyframes signMove{
	from{
		height: 0;
	}
	to {
		height: 17px;
	}
}
@-webkit-keyframes signMove{
	from{
		height: 0;
	}
	to {
		height: 17px;
	}
}
.prr_icon{ position:absolute; bottom:40px;}
.index_icon{ position:relative; width:48px; height:48px; margin:0 auto; padding:30px 0; clear:both;}

.about_box1{
	background: #fff;
}
.about_box1_con{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
/*.about_box1_pic{
	width: 50%;
}*/
.about_box1_pic_scroll{
	float: right;
	width: 960px;
	height: 575px;
}
.about_box1_pic_scroll.owl-theme .owl-dots{
	position: absolute;
	right:0;
	width: 50%;
	text-align: left;
	bottom: 12px;
}


.about_box1_pic_scroll.owl-theme .owl-dots .owl-dot{
	width:12px;
	height:12px;
	margin:0 5px;
}
.about_box1_pic_scroll.owl-theme .owl-dots .owl-dot span{
	width: 12px;
	height:12px;
	border-radius: 0;
	background: none;
	border: 2px solid #fff;
	border-radius: 12px;
}
.about_box1_pic_scroll.owl-theme .owl-dots .owl-dot.active, 
.about_box1_pic_scroll.owl-theme .owl-dots .owl-dot:hover{
	border-color: #fff;
}
.about_box1_pic_scroll.owl-theme .owl-dots .owl-dot.active span, 
.about_box1_pic_scroll.owl-theme .owl-dots .owl-dot:hover span{
	background: #fff;
}



.about_box1_r{
	width: 50%;
	padding: 0 0 0 5%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column; 
    -webkit-flex-direction: column;
}
.about_box1_r img{ width:284px!important; margin-bottom:30px;}
.about_box1_r_tt{
	margin-bottom: 5%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
/*.about_box1_r_tt .pic{
	width: 44%;
	overflow: hidden;
}
.about_box1_r_tt .text{
	width: 55%;
	line-height: 26px;
	font-size: 14px;
	color:#000;
	padding: 0 2% 0 4%;
}
*/
.about_box1_r_b{
	display:flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items: center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.about_box1_r_b_tt{
	font-size: 20px;
	color: #1f1f1f;
	font-family: "Graphik-Bold";
	padding-bottom: 18px;
}
.about_box1_r_b_list{
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.about_box1_r_b_item{
	width: 48%;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
	margin-right: 2%;
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;

    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    
    align-items:center;
    -ms-align-items: center;
    -webkit-align-items: center;
    background: #a0b1ba;
    padding: 5px 3%;
    margin-bottom: 15px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    cursor: pointer;
	overflow: hidden;
}
.about_box1_r_b_item .circle{
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 7px;
}
.about_box1_r_b_item .line{
	width: 15px;
	height: 1px;
	background: #fff;
	margin:0 12px 0 6px;
}

.about_box1_r_b_item:hover,.about_box1_r_b_item.active{
	background:#24b8c5;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/*
 * about_box2
 */
.about_box2{
	padding:5% 0;
	background: url(../images/about_bg1.jpg) no-repeat center center / cover;
}

.about_box2_t{
	margin-bottom: 4%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
.about_box2_t_l{
	width: 300px;
	color: #fff;
	padding: 0 0 0 2%;
	position: relative;
}
.about_box2_t_l .tt{
	font-size: 36px;
	font-weight: bold;
}
.about_box2_t_l .tt2{
	font-size: 82px;
	font-family: "Graphik-Bold";
}
.about_box2_t_l:before{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 25px;
	width: 1px;
	height: 80px;
	background: #aae9ee;
}
.about_box2_t_r{
	width: calc(100% - 300px);
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	padding-left: 5%;
}

.about_box2_b{
	width: 100%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}

.about_box2_b_item{
	width: 18%;
	margin: 0 1% 20px;
	display:flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items:center;
    -webkit-align-items: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.about_box2_b_item .icon{
	width: 60px;
	height: 60px;
	color: #0cb0bf;
	font-size: 32px;
	line-height: 60px;
	text-align: center;
	background: #fff;
	border-radius: 60px;
}

.about_box2_b_item .con{
	color: #fff;
	padding-left: 12px;
	width: calc(100% - 60px);
}
.about_box2_b_item .con .num{
	font-size: 36px;
	padding-bottom: 6px;
}
.about_box2_b_item .con .tt{
	font-size: 14px;
}

.about_box2_b_item:hover{
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}



.about_box3{
	height: 600px;
}
.about_box3 .wrapper{
	height: 100%;
	display:flex;
    display: -webkit-flex;
    align-items:flex-end;
    -webkit-align-items: flex-end;
}
.about_box3_con{
	color: #fff;
	width: 509px;
	height: 365px;
	padding:5% 3% 0;
	background: rgba(82,90,95,.85);
}

.about_box3_con .tt{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 15px;
}
.about_box3_con .tt{
	font-size: 36px;
}
.about_box3_con .text{
	font-size: 14px;
	line-height: 22px;
}
.about_box3_con .text2 img{
	display: block;
	max-width: 100%;
}


.about_box4{
	padding:40px 0;
	background: #eff2f4;
}
.about_box4 img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}


.about_box5{
	background: #798992;
	padding: 4% 0;
}
.about_box5_con{
	color: #fff;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}

.about_box5_tt{
	width: 375px;
	font-size: 48px;
	font-weight: bold;
}
.about_box5_text{
	width: calc(100% - 375px);
	font-size: 14px;
	line-height: 23px;
	padding-left: 15px;
}

.about_box6{
	padding: 40px 0 0 0;
}
.sub_title1{
	margin-bottom: 40px;
}
.sub_title1 .tt{
	font-size: 38px;
	color: #333;
	font-weight: bold;
	padding-bottom: 12px;
}
.sub_title1 .line{
	display: inline-block;
	width: 50px;
	height: 3px;
	background: #24b8c5;
}

.about_box6_list{
  display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
  flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}

.about_box6_list dd{
	float: left;
	width: 50%;
	height: 440px;
	color: #1f1f1f;
	background: #f4f6f8;
	text-align: center;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-direction: column; 
    -webkit-flex-direction: column;
    padding:10px 10px 30px;
	border-bottom: 10px solid #fff;
}
.about_box6_list dd:nth-child(2n){
	padding-right: 13%;
	border-left: 5px solid #fff;
}
.about_box6_list dd:nth-child(2n+1){
	padding-left: 13%;
	border-right: 5px solid #fff;
}
.about_box6_list dd:nth-child(2n+1){
	clear: both;
}

.about_box6_list dd .pic{
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.about_box6_list dd .con{
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.about_box6_list dd .con .tt{
	font-size: 16px;
	padding-bottom: 8px;
}
.about_box6_list dd .con .text{
	font-size: 26px;
	font-weight: bold;
}
.about_box6_list dd:hover .pic,.about_box6_list dd:hover .con{
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/**产品**/
.subproduct{
	background:#FFF;
	padding:20px;
	margin-bottom:50px;
	clear:both;
	overflow:auto;
	display:block;
}
.leftsortmenu{
	width:320px;
	float:left;
}
.leftsortmenu .sorttitle{
	width:100%;
	height:100px;
	background:#0657B2;
	color:#FFF;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	line-height:100%;
	padding-top:20px
}
.leftsortmenu .sorttitle span{
	font-size:14px;
	color:#80ADD4;
	font-weight:lighter;
	display:block;
	padding-top:5px;
}
.leftsortmenu ul{
	display:block;
	border:#0657B2 5px solid;
	width:100%;
	overflow:auto;
	padding:15px;
}
.leftsortmenu ul li{
	float:left;
	width:-moz-calc((100% - 10px) / 2);
    width:-webkit-calc((100% - 10px) / 2);
    width: calc((100% - 10px) / 2);
	height:45px;
	margin-left:10px;
	background:#F1F1F1;
	line-height:45px;
	text-align:center;
	margin-bottom:12px;
	border-radius:25px;
	font-size:15px;
}
.leftsortmenu ul li:first-child{
	margin-left:0
}
.leftsortmenu ul li:hover,.leftsortmenu ul li.cur{
	background:#0657B2;
	color:#FFF
}
.leftsortmenu ul li a{
	display:block
}
.leftsortmenu ul li:hover a,.leftsortmenu ul li.cur a{
	color:#FFF
}
.subproduct .proright{
	float:right;
	width:-moz-calc(100% - 360px);
    width:-webkit-calc(100% - 360px);
    width: calc(100% - 360px);
}
.subproduct .proright .locationp{
	background:#0657B2;
	border:#2271CA 10px solid;
	height:60px;
	line-height:40px;
	padding:0 0 0 20px;
	font-size:14px;
	color:#FFF;
	margin-bottom:40px
}
.subproduct .proright .locationp a{
	color:#FFF;
}
.prosortlist{
	margin:0 auto;
	clear:both;
}
.prosortlist .title {
	clear:both;
	font-size:18px;
	line-height:1.3em;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0px 20px;
	text-align:center;
}
.prosortlist .name {
	line-height:0.5em;
	height:0.5em;
	border-bottom:1px solid #eee;
	font-size:14px;
	position:relative;
	margin:10px 15px 20px 15px;
	text-align:center;
}
.prosortlist .name span {
	background:white;
	display:inline-block;
	text-align:center;
	padding:0px 25px;
	color:#333;
	height:1em;
	line-height:1em;
}
.prosortlist h3{
	font-size:18px;
	/*font-weight:bold;*/
	border-bottom:#e0e0e0 1px solid;
	padding-bottom:5px;
	width:100%;
	margin:0 auto;
	border-left:#FF7401 6px solid;
	text-indent:15px;
	margin-bottom:10px;
}
.prosortlist h3 span{
	float:right;
	font-weight:normal;
}
.prosortlist h3 a:hover{
	color:#EB7B15
}
.prosortlist h3 span i{
	font-style:normal;
	font-family:'宋体';
	padding-left:5px
}
.prosortlist ul li{
	/*float:left;
	width:25%;
	margin-bottom:40px;
	padding:0 10px;*/
	margin-top:20px;
}

.prosortlist ul li img{
	max-width:100%;
	max-height:100%
}

.pro-cell{
	width:-moz-calc((100% - 120px) / 4);
    width:-webkit-calc((100% - 120px) / 4);
    width: calc((100% - 120px) / 4);
	float:left;
	margin-bottom:60px;
	padding-top:40px;
	background:#fff;
	margin-right:40px;
	transition: all linear 0.3s;
}
.pro-cell-index{
	width:-moz-calc((100% - 60px) / 4);
    width:-webkit-calc((100% - 60px) / 4);
    width: calc((100% - 60px) / 4);
	float:left;
	margin-bottom:20px;
	padding-top:40px;
	background:#fff;
	margin-right:20px;
	transition: all linear 0.3s;
}
.pro-cell-sub{
	width:-moz-calc((100% - 60px) / 3);
    width:-webkit-calc((100% - 60px) / 3);
    width: calc((100% - 60px) / 3);
	float:left;
	margin-bottom:20px;
	padding-top:40px;
	background:#fff;
	margin-right:30px;
	transition: all linear 0.3s;
	border:#e0e0e0 1px  solid
}
.pro-cell:hover{
	box-shadow:0 15px 15px rgba(0,0,0,.1);
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
}
.pro-footer h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-footer{
	border-top:#e0e0e0 1px solid;
	line-height:30px;
	height:30px;
	font-size:14px;
	/*margin:0 15px;*/
}
.pro-footer .left{
	float:left;
	width:50%;
	text-align:center;
	border-right:#e0e0e0 1px solid;
	margin:15px auto;
	background:url(../images/biaoti.jpg) no-repeat 25px;
	background-size:15px
}
.pro-footer .right{
	float:left;
	width:50%;
	text-align:center;
	margin:15px auto;
}
.video-cell{
	padding-top:0!important;
	padding-bottom:20px
}
.video-cell .title{
	margin-top:50px
}
.videopic{
	position:relative;
}
.zzx-company-logo-box {
	position: absolute;
	left: 50%;
	bottom:-31px;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	background:rgba(0,0,0,0.3);
	background-size:80px;
	border-radius: 50%;
	box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
	
}

.zzx-company-logo {
	position: absolute;
	left: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	bottom: 8px;
}
.news-pages { clear:both;}
.news-pages a,.news-pages span{display:inline-block;margin:0 5px 15px;padding:8px 14px;border:1px solid #ccc;font-size:16px; background:#FFF}
.news-pages a:hover,.news-pages span.ctxt{background:#EB7B15;border-color:#EB7B15;color:#fff;opacity:1}
.news-pages span{opacity:.4}
.news-pages{width:100%;text-align:center;padding-bottom:40px}
@media (min-width:1200px) and (max-width:1460px){
}
@media (min-width:1025px) and (max-width:1460px){

}
@media (min-width:1025px) and (max-width:1200px){

}
@media (min-width:768px) and (max-width:1024px){

}
@media (min-width:320px) and (max-width:767px){

}
@media (min-width:640px) and (max-width:768px){

}

/*
 * contact
 */
.contact_box1{
	height: 300px;
	background: url(../images/contact_bg1.jpg) no-repeat center center;
}
.contact_box1_con{
	height: 100%;
	color: #fff;
	text-align: center;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-direction: column; 
    -webkit-flex-direction: column;
}
.contact_box1_con .tt{
	font-size: 48px;
	font-weight: bold;
}
.contact_box1_con .text{
	font-size:16px;
	line-height: 20px;
}


.contact_box2{
	background: #fff;
	border-top: 5px solid #eff1f4;
}
.contact_box2_clm{
	border-bottom: 5px solid #eff1f4;
}
.contact_box2_clm .wrapper{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
.contact_box2_item{
	padding:0 50px;
	width: 25%;
	min-height: 340px;
	border-right: 5px solid #eff1f4;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column; 
    -webkit-flex-direction: column;
}
.contact_box2_item2{
	width: 50%;
	padding: 0;
}
.contact_box2_clm .contact_box2_item:last-child{
	border-right: 0;
	padding-right: 0;
}
.contact_box2_clm .contact_box2_item:first-child{
	padding-left: 0;
}


.contact_box2_item_tt{
	display:flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items: center;
    margin-bottom: 15px;
}
.contact_box2_item_tt .pic{
	width: 40px;
	height: 40px;
}
.contact_box2_item_tt .pic img{
	display: block;
}
.contact_box2_item_tt .text{
	width: calc(100% - 40px);
	line-height: 20px;
	font-size: 18px;
	color: #1f1f1f;
	padding: 10px 0 10px 8px;
}

.contact_box2_item_text dd{ 
	width: 100%;
	color: #000;
	padding-left: 10px;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 22px;
}
.contact_box2_item_text dd a{ 
	color: #000;
}
.contact_box2_item_text dd a:hover{
	color: #0AA6B4;
	text-decoration: underline;
}
.contact_box2_item_text dd:nth-child(2n+1){
	clear: both;
}

.contact_box2_item2 .contact_box2_item_text dd{
	float: left;
	width: 48%;
	margin-right: 1%;
}


.contact_box2_item_sm .icon{
	float: left;
	width: 65px;
	height: 65px;
	line-height: 65px;
	font-size: 32px;
	text-align: center;
	color: #fff;
	border-radius: 65px;
	margin: 0 18px 18px 0;
}
.contact_box2_item_sm .icon:nth-child(1){
	background: #ed4731;
}
.contact_box2_item_sm .icon:nth-child(2){
	background: #2f5890;
}
.contact_box2_item_sm .icon:nth-child(3){
	background: #32a2d0;
}
.contact_box2_item_sm .icon:nth-child(4){
	background: #3abfc4;
}
.contact_box2_item_sm .icon:nth-child(5){
	background: #2f5890;
	font-size: 30px;
}

.contact_box2_item_sm .icon:hover{
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}



.contact_box3{
	padding: 4% 0;
	background: #fff;
}
.title2{
	margin-bottom: 20px;
}
.title2 .tt{
	color: #222;
	font-size: 30px;
	font-family: "Graphik-Semibold";
	margin-bottom: 6px;
}
.title2 .text{
	font-size: 14px;
	line-height: 20px;
	color: #000;
}
.title2 .text2{
	font-size: 16px;
	line-height: 22px;
	color: #000;
}
.title2 .line2{
	display: inline-block;;
	width: 50px;
	height: 3px;
	background: #0db0bf;
}



.inq_form_list{
	width: 100%;
	max-width: 1200px;
	display:flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items:center;
    -webkit-align-items: center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding-top: 2%;
    margin: 0 auto;
}
.inq_form_list dd{
	float: left;
	width: 31%;
	margin-bottom: 22px;
}
.inq_form_list2 dd{
	width: 48%;
}
.inq_form_tt{
	color: #333;
	font-size: 14px;
	padding-bottom: 8px;
}
.inq_form_tt span{
	color: #ed1c24;
	font-size: 16px;
}
.inq_form_inp1,.inq_form_area{
	display: block;
	width: 100%;
	height: 34px;
	font-size: 14px;
	padding-left: 14px;
	border: 1px solid #bebebe;
	border-radius: 2px;
	background: none;
}
.inq_form_area{
	display: block;
	width: 100%;
	height: 128px;
	padding-top: 10px;
}
.inq_form_list dt{
	width: 100%;
	margin-bottom: 25px;
}
.inq_form_btn1{
	display: block;
	background: #ed6b00;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	width: 180px;
	height: 40px;
	line-height: 40px;
	border: 0;
	text-align: center;
	cursor: pointer;
	margin: 0 auto;
}



.contrast_box{
	padding: 5% 0;
}
.contrast_box_con{
	width: 100%;
	overflow-x: auto;
}
.contrast_box_con::-webkit-scrollbar-track-piece {  
    background-color:#ddd;  
}  
.contrast_box_con::-webkit-scrollbar {  
    width: 5px;  
    height: 5px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
}  
.contrast_box_con::-webkit-scrollbar-thumb {  
    background-color:#0AA6B4;  
    background-clip: padding-box;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
    min-height: 28px;  
}  


.contrast_box_table{
	width: 100%;
}
.contrast_box_table tr td{
	padding:15px;
	text-align: center;
	border: 1px solid #e5e5e5;
}
.contrast_box_table tr td a{
	width:100%;
	height: 100%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
.contrast_box_table tr td:nth-child(1){
	
	width: 260px;
	min-width: 200px;
	color: #fff;
	font-size: 16px;
	background: #24b8c5;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

.contrast_box_title3{
	display:flex;
    display: -webkit-flex;
	height: 100%;
	line-height: 22px;
}
.contrast_box_title3 span{
	margin-right: 8px;
}
.contrast_box_title1{
	color: #1f1f1f;
	text-align: center
}
.contrast_box_title1 .tt{
	font-size: 28px;
	font-weight: bold;
}
.contrast_box_title1 .text{
	font-size: 14px;
}
.contrast_box_title2{
	line-height: 24px;
	font-size: 14px;
	color: #666;
}


.sub_main1{
	padding: 4% 0;
}
/*
 * news
 */
.news_list1{
	display:flex;
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.news_list1 dd{
	/*width: 28%;*/
	width:-moz-calc((100% - 7.5%) / 4);width:-webkit-calc((100% - 7.5%) / 4);width: calc((100% - 7.5%) / 4);
	margin-bottom: 25px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    margin: 0 2.5% 4% 0;
}
.news_list1_date{
	position: absolute;
	left:2%;
	top:2.5%;
	width:60px;
	height: 65px;
	text-align: center;
	color: #fff;
	background:rgba(120,144,156,0.8);
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-direction: column; 
    -webkit-flex-direction: column;
}
.news_list1_date .days{
	font-size: 24px;
}
.news_list1_date .month{
	font-size: 14px;
}
.news_list1_date .line{
	width: 75%;
	height: 2px;
	background: #fff;
	margin:0px auto 0;
}


.news_list1_pic{
	overflow: hidden;
	position: relative;
}
.news_list1_pic img{
	display: block;
	width: 100%;
}
.news_list1_con{
	width:100%;
	padding:7%;
	background: #FFF;
}
.news_list1_con_tt{
	font-size: 18px;
	line-height: 24px;
    height:48px;
	color: #000;
}

.news_list1_con_share{
	display:flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items: center;
    padding: 8px 0 0;
}
.news_list1_con_share .share_clm{
	margin-right: 20px;
	color: #000;
	font-size: 14px;
	line-height: 30px;
	display:flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items: center;
}
.news_list1_con_share .share_clm .icon{
	font-size: 16px;
	margin-right: 6px;
}

.news_list1_con_text{
	color: #000;
	font-size: 14px;
	line-height: 24px;
    height:96px;
    overflow:hidden;
	margin: 5% 0 8%;
}

.more_btn4{
	color: #78909c;
	font-size: 16px;
}


.news_list1 dd:hover{
	box-shadow: 0 0 15px rgba(115,115,115,.15);
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


/*
 * page
 */
.page{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    padding: 25px 0;
}

.page a{
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	background: #798992;
	margin: 0 5px;
}
.page a:hover,.page a.hover{
	color: #fff;
	background: #0db0bf;
}
.page a.next{
	transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
}



/*
 * news_det
 */
.main_l{
	width: 300px;
}
.main_l_news_title{
	background: #0db0bf;
	height: 130px;
	color: #fff;
	padding-left: 37px;
	display:flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items: center;
}
.main_l_news_title .icon{
	font-size: 40px;
	margin-right: 8px;
}
.main_l_news_title .tt{
	font-size: 24px;
	font-weight: bold;
}
.main_l_list{
	border: 5px solid #eeeff1;
}
.main_l_list dd{
	border-bottom: 5px solid #eeeff1;
}
.main_l_list dd:last-child{
	border-bottom: 0;
}

.main_l_list dd a{
	display: block;
	padding:6% 8%;
}
.main_l_list dd .tt{
	font-size: 14px;
	line-height: 20px;
	color: #666;
	margin-bottom: 8px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.main_l_list dd .date{
	color: #999;
}

.main_l_list dd:hover .tt{
	color: #0db0bf;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


.main_r{
	width: calc(100% - 300px);
	padding-left: 5%;
	padding-bottom: 20px;
}
.news_det_box{
}

.news_det_title{
	font-size: 30px;
	font-weight: bold;
	padding-bottom:12px;
}
.addthis_sharing_toolbox img{
	display: block;
}
.news_det_box .news_list1_con_share .share_clm{ 
	color: #666;
}

.news_det_b_box{
}
.news_det_b_con{
	color: #666;
	padding:3% 0;
	font-size: 14px;
	line-height: 24px;
}
.news_det_b_con img{
	margin: 0 0 25px 0;
}

.news_det_page a{
	float: left;
	width: 140px;
	height: 48px;
	font-size: 14px;
	text-align: center;
	line-height: 46px;
	border: 1px solid #c9c9c9;
	margin-left: -1px;
}
.news_det_page a.hover,.news_det_page a:hover{
	color: #fff;
	background: #333;
	border-color: #333;
}


/*
 * pro_cover
 */
.main_l_pro_title{
	font-size: 24px;
	height: 80px;
	color: #fff;
	line-height: 80px;
	text-align: center;
	font-weight: bold;
	background: #0db0bf;
}
.main_l_list2{
	border: 5px solid #eeeff1;
}
.main_l_list2 dd{
	padding: 20px 30px 10px;
	border-bottom: 5px solid #eeeff1;
}
.main_l_list2 dd:last-child{
	border: 0;
}
.main_l_list2_tt{
	display: block;
	color: #333;
	font-size: 16px;
	margin-bottom: 18px;
}
.main_l_list2_tt_down{
}
.main_l_list2_tt_down a{
	display: block;
	line-height: 20px;
	font-size: 14px;
	color: #000;
	padding-left: 18px;
	position: relative;
	margin-bottom: 10px;
	
}
.main_l_list2_tt_down a:before{
	content: "";
	display: block;
	position: absolute;
	left: 6px;
	top: 7px;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: #0db0bf;
}
.main_l_list2_tt_down a:hover{
	color: #0AA6B4;
	transform: translateX(3px);
    -webkit-transform: translateX(3px);
}

.pro_cover_bars{
	display:flex;
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.pro_cover_bars a{
	display: block;
	line-height: 32px;
	color: #000;
	text-align: center;
	padding: 0 3%;
	background: #f2f2f2;
	line-height: 32px;
	font-size: 14px;
	border-right: 1px solid #fff;
	position: relative;
	margin-bottom: 10px;
}

.pro_cover_bars a:after{
	content: "";
	position: absolute;
	left:50%;
	margin-left: -6px;
	top: 32px;
	display:none;
	width: 0;
	height: 0;
	border-top:6px dashed #798992;
	border-left: 6px dashed transparent;
	border-right: 6px dashed transparent;
}
.pro_cover_bars a.hover:after{
	display:block;
}
.pro_cover_bars a.hover{
	color: #fff;
	background: #798992;
}


.pro_cover_tabs{
	padding:30px 0;
}
.pro_cover_list1{
	display:flex;
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.pro_cover_list1 dd{
	width: 48%;
	display:flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items:center;
    -webkit-align-items: center;
	margin: 0 1% 35px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.pro_cover_list1_pic{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-direction: column; 
    -webkit-flex-direction: column;
	width: 50%;
	border: 1px solid #e5e5e5;
	cursor: pointer;
}
.pro_cover_list1_pic .pic_img{
	display: block;
	overflow: hidden;
	padding: 25px 0;
  width:100%;
}
.pro_cover_list1_pic .pic_img img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}



.pro_comparison{
	color: #000;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
	margin: 0 auto 20px;
}
.pro_comparison:before{
	content: "";
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border:2px solid #000;
	margin:10px 6px 0 0;
}

.pro_cover_list1 dd.hover .pro_cover_list1_pic{
	border-color: #0db0bf;
}
.pro_cover_list1 dd.hover .pro_cover_list1_pic .pro_comparison{
	color: #000;
}
.pro_cover_list1 dd.hover .pro_cover_list1_pic .pro_comparison:before{
	background: #0db0bf;
	border-color: #0db0bf;
}
.pro_cover_list1_con{
	width: 50%;
	padding-left:20px;
}
.pro_cover_list1_con_tt{
	display: block;
	color: #000;
}
.pro_cover_list1_con_tt .tt{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 6px;
}
.pro_cover_list1_con_tt .text{
	font-size: 14px;
}
.pro_cover_list1_con_text{
	line-height: 20px;
	color: #000;
	margin: 20px 0 18px;
}

.pro_cover_list1_pic.hover{
	border-color: #0db0bf;
}
.pro_cover_list1_pic.hover .pro_comparison{
	color: #000;
}
.pro_cover_list1_pic.hover .pro_comparison:before{
	border-color: #0db0bf;
	background: #0db0bf;
}


.pro_cover_list1 dd:hover{
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


/*
 * open comparison
 */
.open_comparison{
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	background: rgba(13,176,191,.9);
}
.open_comparison.hover{
	bottom: -20%;
}
.open_comparison_rela{
	padding: 2% 0 1.5%;
	position: relative;
}
.open_comparison_close{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	font-family:verdana;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.open_comparison_box{
	width: 100%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.open_comparison_l{
	width: calc(100% - 250px);
}
.open_comparison_list{
	display:flex;
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.open_comparison_btn_box{
	width: 230px;
}
.open_comparison_tip{
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding-bottom: 10px;
}
.open_comparison_btn{
	display: block;
	width: 230px;
	height: 44px;
	color: #0AA6B4;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	border: 0;
	margin: 0 auto;
}

.open_comparison_list dd{
	width: 33%;
	display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    margin-bottom: 15px;
}
.open_comparison_pic{
	width: 55%;
	padding: 3%;
	border: 1px solid rgba(255,255,255,.5)
}
.open_comparison_pic img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.open_comparison_con{
	width:45%;
	padding-left: 6%;
}
.open_comparison_tt{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
	 word-break: break-all;
}
.open_comparison_delete{
	cursor: pointer;
	width: 28px;
	height: 28px;
	background: url(../images/delete.png) no-repeat center center;
}



/*
 * pro_det
 */
.lanrenzhijia{width:452px; height:auto; margin:0 auto 0 0; overflow:hidden; clear:both; position:static!important;}
.lanrenzhijia img{ max-width:none!important}
.jqzoom{clear:both;float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #f0f0f0;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:10px;height:10px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:450px;height:450px;border:1px solid #DFDFDF; clear:both}
.spec-scroll{clear:both;margin-top:5px;width:450px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体"; font-size:35px;text-align:center;width:20px;height:74px; line-height:74px;border:1px solid #e0e0e0;background:#FFF;cursor:pointer;text-decoration:none; color:#999}
.spec-scroll .prev:hover,.spec-scroll .next:hover{
	color:#FF7401
}
.spec-scroll .items{float:left;position:relative;width:402px;height:76px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:76px;}
.spec-scroll .items ul li{float:left;width:80px; height:74px;text-align:center; cursor:pointer}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:0px;width:74px;height:74px;}
.spec-scroll .items ul li img:hover{border:1px solid #FF6600;padding:0px;} 
 
 
/* preview style */
.preview{width:100%;}
/* smallImg */
.smallImg{
	position:relative;
	height:500px;
	padding:26px 0;
	width:100px;
	overflow:hidden;
	float:left;
}
.scrollbutton{
	width:42px;
	height:23px;
	overflow:hidden; 
	position:absolute; 
	left:30px; 
	cursor:pointer;
}
.scrollbutton.smallImgUp{
	background:url(../images/up1.png) no-repeat;
	top:8px;
}
.scrollbutton.smallImgDown{
	background:url(../images/down1.png) no-repeat;
	bottom:8px;
}
.scrollbutton.smallImgUp.disabled{
	background:url(../images/up.png) no-repeat;
}
.scrollbutton.smallImgDown.disabled{
	background:url(../images/down.png) no-repeat;
}
#imageMenu {
	height:430px;
	overflow:hidden;
	margin-top:10px;
}
#imageMenu li {
	height:100px;
	width:100px;
	overflow:hidden;
	margin-bottom:10px
}
#imageMenu li img{
	/*padding:1px;*/
	border:1px solid #E8E8E8;
	width:100%;
	height:100%;
	cursor:pointer;
}
#imageMenu li#onlickImg img{
	border:1px solid #485D7D;
}
/* bigImg */
.bigImg{
	position:relative;
	float:right;
	width:500px;
	height:500px;
	padding:5px;
	border:1px solid #E4E4E4;
	overflow:hidden;
}
.bigImg #midimg{
	width:500px;
	height:500px;
}
.bigImg #winSelector{
	width:235px;
	height:210px;
}
#winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #E4E4E4;overflow:hidden;width:500px;height:500px;top:300px;left:0px;z-index:999; background:#FFF}
#bigView img{position:absolute; max-width:none!important}

 
 
.pro_det_t{
	padding:60px 0;
	/*background: #f6f6f6;*/
}

.pro_det_pic_l_tabs{
	padding-bottom: 20px;
}
.pro_det_pic{
	width: 56.47%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-direction:row-reverse; 
    -webkit-flex-direction: row-reverse;
}
.pro_det_pic_scroll_box{
	float: right;
	width: calc(100% - 100px);
	padding-left: 5%;
}
.pro_det_scroll_dotsCont_item{
	width: 100px;	
	margin-bottom: 12px;
	border: 1px solid #e2e3e3;
	cursor: pointer;
	background: #fff;
}
.pro_det_scroll_dotsCont_item img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	
}
.pro_det_scroll_dotsCont_item.active{
	border-color:#0db0bf;
}


.pro_det_pic_l_bars{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
.pro_det_pic_l_bars .item{
	width: 100px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	border-radius: 33px;
	font-size: 14px;
	color: #798992;
	border: 1px solid #798992;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    cursor: pointer;
    margin:0 10px;
}
.pro_det_pic_l_bars .item .icon{
	font-size: 14px;
	margin-right: 6px;
}
.pro_det_pic_l_bars .item.hover{
	color: #fff;
	background: #798992;
}

.pro_det_pic_video{
	display: block;
	border: 0;
	width:100%;
	min-height: 300px;
}


.pro_inf{
	width:43.53%;
	padding-left:4%;
}
.pro_inf_title{
	font-size:30px;
	color: #1F1F1F;
	font-weight:normal;
	padding-top:10px;
}
.pro_inf_tip{
	color: #1F1F1F;
	font-size: 20px;
	line-height: 20px;
	color: #000;
	padding: 30px 0 18px;
}
.pro_inf_tt_line{
	width: 60px;
	height: 1px;
	background: #1F1F1F;
}
.pro_inf_text{
	line-height: 27px;
	color: #000;
	font-size: 15px;
	padding: 5% 0;
}
.pro_inf_text p{
	margin-top:10px;
}
.pro_inf_btn_box{
	padding-bottom: 5%;
}
.pro_inf_btn{
	padding: 0 5%;
	height: 40px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background:#798992;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    margin: 0 20px 15px 0;
}
.pro_inf_btn.hover{
	background: #485D7D;
}
.pro_inf_btn .icon{
	display: inline-block;
	color: #fff;
	font-size: 18px;
	margin-right: 8px;
}
.pro_share_tt{
	color: #7e7e7e;
	display:flex;
	font-size: 14px;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items: center;
    padding-bottom: 6px;
}
.pro_share_tt .icon{
	font-size: 14px;
	margin-right: 8px;
}

.pro_inf_comparison{
	width: 90%;
	max-width: 350px;
	margin-bottom:6%;
}
.pro_inf_comparison_inp{
	float: left;
	width: calc(100% - 33px);
	height: 33px;
	padding-left: 15px;
	color: #333;
	font-size: 14px;
	line-height: 33px;
	background: #fff;
	border: 0;
}
.pro_inf_comparison_btn_box{
	float: right;
	width: 33px;
	height: 33px;
	position: relative;
}
.pro_inf_comparison_btn_text{
	width: 33px;
	height: 33px;
	line-height: 33px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background: #0db0bf;
	transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
}
.pro_inf_comparison_btn{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	width:33px;
	height: 33px;
	border: 0;
	opacity: 0;
	cursor: pointer;
}


/*
 * pro_det_b
 */
.pro_det_b{
	overflow: hidden;
	clear:both;
}

.pro_det_b_bars_box{
	min-height: 78px;
}
.pro_det_b_bars{
	position: relative;
	z-index:1000;
	width: 100%;
	background:url(../images/protabbg.jpg) no-repeat top center #485D7D;
/*	border-bottom: 10px solid #e5e5e5;*/
}

.pro_det_b_bars_l{
	width:100%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
.pro_det_b_bars_l .item{
	line-height: 76px;
	padding: 0 10px;
	margin: 0 2%;
	color: #FFF;
	font-size: 16px;
	cursor: pointer;
}
.pro_det_b_bars_l .item.hover{
	/*border-bottom: 2px solid #FE0303;*/
	background:#FFF;
	color:#000;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}
.pro_det_b_bars_l .item:hover{
	color:#000;
}

.pro_det_b_tabs_clm{
	padding: 4% 0;
}
/*.pro_det_b_tabs_clm br{
  display:none;
}*/
.title3{
	font-size: 40px;
	font-family: "pangmenzhengdao";
	margin-bottom: 3%;
	font-weight:lighter;
}


.pro_det_b_feat_list{
	display:flex;
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.pro_det_b_feat_list dd:first-child,.pro_det_b_feat_list dd:nth-child(3),.pro_det_b_feat_list dd:nth-child(5),.pro_det_b_feat_list dd:nth-child(6),.pro_det_b_feat_list dd:nth-child(8),.pro_det_b_feat_list dd:nth-child(10){
	padding-left:0
}
.pro_det_b_feat_list dd:last-child{
	padding-right:0
}
.pro_det_b_feat_list dd{
	width: 50%;
	padding: 0 2%;
	position: relative;
	margin-bottom: 20px;
}
.pro_det_b_feat_list dd:last-child:after,.pro_det_b_feat_list dd:nth-child(2):after{
	display: none;
}
.pro_det_b_feat_list dd:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 2%;
	width: 0px;
	height:210px;
	background: #ddd;
}
.pro_det_b_feat_list_tt{
	display:flex;
    display: -webkit-flex;
    padding-bottom: 10px;
}
.opt{
	margin-bottom:20px;
    font-size:24px;
	clear:both; 
	width:100%; 
	margin:40px 0 20px 0; 
	border-top:#e0e0e0 1px solid; 
	padding-top:40px;
}
.ft li{
	list-style-type:disc;
	list-style-position: outside;
	font-size:22px;
	margin-left:24px;
}
.ft li span{
	font-size:16px;
}
/*.ft li:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #000;
    border-radius: 50%;
	margin-right:20px;
}*/
.pro_det_b_feat_list_tt .num{
	width: 22px;
	height: 22px;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
	border-radius: 22px;
	text-align: center;
	color: #fff;
	background:url(../images/xmu.png) no-repeat center center;
	background-size:cover;
	text-indent:-99999999px;
}
.pro_det_b_feat_list_tt .tt{
	width: calc(100% - 20px);
	padding-left: 8px;
	line-height: 20px;
	color: #1F1F1F;
	font-size: 20px;
	font-weight: bold;
}

.pro_det_b_feat_list_text{
	font-size: 14px;
	line-height: 24px;
	color: #000;
}
.pro_det_b_feat_list_pic a{
  display:block;
  position:relative;
  width:100%;
  height:100%;
}
.pro_det_b_feat_list_pic .icon{
  position:absolute;
  left:50%;
  top:50%;
  width:50px;
  height:50px;
  margin:-25px 0 0 -25px;
  line-height:50px;
  font-size:50px;
  color:#0cb0bf;
  text-align:center;
  background:rgba(255,255,255,.8);
  border-radius:50px;
  transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.pro_det_b_feat_list_pic img{
	max-width: 100%;
}

.pro_det_b_tabs_clm_list{
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
	flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.pro_det_b_tabs_clm_item{
	width: 25%;
	padding: 0 10px;
	margin-bottom: 20px;
}
.pro_det_b_tabs_clm_item a{
	display: block;
}
.pro_det_b_tabs_clm_item .pic{
	overflow: hidden;
	position: relative;
}
.pro_det_b_tabs_clm_item .pic iframe{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
.pro_det_b_tabs_clm_item .pic img{
	display: block;
	width: 100%;
}
.pro_det_b_tabs_clm_item .tt{
	text-align: center;
	font-size: 16px;
	color: #444;
	padding: 12px 0 15px;
}
.pro_det_b_tabs_clm_item a:hover{
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}





.pro_det_b_tabs_pram{
	display:flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content: space-between;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.pro_det_b_tabs_pram_table{
	width: 80%;
	max-width: 1000px;
	min-width: 320px;
	background: #fff;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}
.pro_det_b_tabs_pram_table tr td{
	border: 1px solid #687B99;
	padding: 5px 15px;
	line-height: 22px;
	color: #000;
	font-size: 14px;
}
.pro_det_b_tabs_pram_table tr td:first-child{
	color: #fff;
	background: #7687A0;
}

.det tr td{
	padding: 5px 15px;
}
.det tr td:first-child{
	padding-left:0;
}
.det tr td:last-child{
	padding-right:0;
}
.det tr td img{
	display:block;
}
.pro_det_b_tabs_down_bars{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
	flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.pro_det_b_tabs_down_bars_clm{
	width: 100%;
	max-width: 300px;
	margin: 0 15px 15px;
}
.pro_det_b_tabs_down_bars_clm_tt{
	font-size: 16px;
	color: #1f1f1f;
	padding-bottom: 15px;
}
.pro_det_b_tabs_down_bars_clm_select{
	display: block;
	width: 100%;
	height: 44px;
	font-size: 14px;
	padding-left: 18px;
	background: #eff1f4;
	border:none;
	color: #666;
}

.support_box1_down_bars select{
	height: 44px;
	font-size: 14px;
	padding-left: 18px;
	background: #eff1f4;
	border:none;
	color: #666;
	width:250px !important;
	margin:0 15px 15px;
}



.pro_det_b_tabs_down_list{
	display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;

    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  
  	flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding:2% 0 0 0;
}
.pro_det_b_tabs_down_list dd{
	width:50%;
	margin: 0 1% 20px;
	border: 1px solid #e5e5e5;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
	background:#f6f6f6;
	box-shadow: rgba(0,0,0,0.03) 0 8px 20px;
}
.pro_det_b_tabs_down_list dd a{
	/*padding:10%;*/
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column; 
    -webkit-flex-direction: column;
}

.pro_det_b_tabs_down_list dd .con{
	margin-bottom: 30px;
}
.pro_det_b_tabs_down_list dd .con .tt{
	color: #1f1f1f;
	font-size: 22px;
}
.pro_det_b_tabs_down_list dd .cin .tt2{
	color: #999;
}
.pro_det_b_tabs_down_list dd .pic{
	overflow: hidden;
}
.pro_det_b_tabs_down_list dd .pic .pdf_size{
	color: #999;
	margin-bottom: 12px;
}
.pro_det_b_tabs_down_list dd .pic img{
	display: block;
	width:100%;
}
.pro_det_b_tabs_down_list dd:hover{
	border: 1px solid #e0e0e0;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
	background:#FFF;
	box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
	transform:translateY(-2px);
}


.pro_det_b_tabs_goes{
	position: relative;
}
.pro_det_b_tabs_goes_item{
	background: #fff;
	padding: 3%;
	text-align: center;
}
.pro_det_b_tabs_goes_item .pic{
	display: block;
	overflow: hidden;
	padding: 10px 0;
}
.pro_det_b_tabs_goes_item .pic img{
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0 auto 15px;
}
.pro_det_b_tabs_goes_item .con .tt1{
	font-size: 32px;
	color:#1f1f1f;
	font-weight: bold;
}
.pro_det_b_tabs_goes_item .con .tt2{
	font-size: 14px;
	padding: 12px 0 18px;
}
.pro_comparison2{
	color: #aaaaaa;
	font-size: 14px;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    margin-bottom: 20px;
}
.pro_comparison2:before{
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border:2px solid #d2d2d2;
	margin-right: 6px;
}
.pro_det_b_tabs_goes_scroll_prev,.pro_det_b_tabs_goes_scroll_next{
	position: absolute;
	left: -80px;
	top:50%;
	width: 60px;
	height: 60px;
	font-size:60px;
	color: #cbcdd0;
	margin-top: -30px;
	cursor: pointer;
}
.pro_det_b_tabs_goes_scroll_next{
	left: auto;
	right: -80px;
	transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
}

/*************视频**/
.mask{
	position:fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	top: 0;
	left: 0;
	z-index:1000;
}
.modal{
	background: #fff;
	width: 720px;
	height: 450px;
	position: fixed;
	_position: absolute;
	display: none;
	z-index: 1001;
}
.modal .close{
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 24px;
	z-index: 2;
}
.modal iframe{
	z-index: 1;
}
.modal .close a:link,.modal .close a:visited{
	color: #666;
	text-decoration: none;
}
.modal .close a:hover,.modal .close a:active{
	color: #333;
	text-decoration: none;
}

/*
 * strength
 */
.strength_box1{
	padding: 4% 0;
	background: #fff;
}
.strength_box_text{
	line-height: 24px;
	font-size: 16px;
	color: #000;
}
.strength_box_text img{
	max-width: 100%;
}

.strength_box1_list{
	display:flex;
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}

.strength_box1_list dd{
	width: 20%;
	padding: 0 2%;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.strength_box1_list dd .icon{
	width: 150px;
	height: 150px;
	color: #fff;
	font-size: 60px;
	line-height: 150px;
	border-radius: 150px;
	text-align: center;
	margin: 0 auto 20px;
	background: #24b8c5;
}
.strength_box1_list dd .con{
	padding: 10px 0 0;
	text-align: center;
}
.strength_box1_list dd .con .tt{
	font-size: 38px;
	font-weight: bold;
	color: #000;
	padding-bottom: 6px;
}
.strength_box1_list dd .con .text{
	color: #000;
	font-size: 16px;
	line-height: 22px;
}

.strength_box1_list dd:hover{
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


.strength_box2{
	padding:4% 0;
}

.strength_box2 .wrapper{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column; 
    -webkit-flex-direction: column;
    align-items:center;
    -webkit-align-items: center;
}

.strength_box2_line{
	width: 50px;
	height: 3px;
	background: #fff;
	margin: 0 auto 20px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.strength_box2_text{
	text-align: center;
	color: #fff;
	line-height: 35px;
	font-size: 26px;
}
.strength_box2:hover .strength_box2_line{
	width: 60px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.strength_box3{
}

.strength_box3_list dd .wrapper{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}

.strength_box3_list_pic{
	width: 50%;
}
.strength_box3_list_pic a{
  display:block;
  height:100%;
  width:100%;
  position:relative;
}
.strength_box3_list_pic a .icon{
	position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    line-height: 50px;
    font-size: 50px;
    color: #0cb0bf;
    text-align: center;
    background: rgba(255,255,255,.8);
    border-radius: 50px;
  transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.strength_box3_list_pic a:hover .icon,.pro_det_b_feat_list_pic a:hover .icon{
  transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
  transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.strength_box3_list_pic img{
  display:block;
  max-width:100%;
  height:auto;
  margin:0 auto;
}
.strength_box3_list_con{
	width: 50%;
}
.strength_box3_list_con .tt{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 3%;
}
.strength_box3_list_con .text{
	color: #000;
	font-size: 16px;
	line-height: 31px;
}
.strength_box3_list dd:nth-child(2n){
	background: #dde1ee;
}
.strength_box3_list dd:nth-child(2n) .wrapper{
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}

.strength_box3_list dd:nth-child(1) .strength_box3_list_pic{
	padding-top: 8%;
	justify-content: flex-start;
    -webkit-justify-content: flex-start;
}
.strength_box3_list dd:nth-child(1) .strength_box3_list_con{
	text-align: right;
}
.strength_box3_list dd:nth-child(2) .strength_box3_list_pic{
	padding-bottom: 8%;
	justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
.strength_box3_list dd:nth-child(3) .strength_box3_list_pic{
	padding: 4% 0;
	justify-content: center;
    -webkit-justify-content: center;
}

.support_bars{
	width: 100%;
	height: 100px;
	margin: 4% 0 0 0;
}
.support_bars_con{
	width: 100%;
	background: #fff;
}

.support_box1{
	padding:4% 0;
}
.support_box1_search_tip{
  color:#000;
}
.support_box1_list{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    padding-bottom: 3%;
}
.support_box1_list dd{
	width: 30%;
	margin: 0 1% 20px;
	background: #eff1f4;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.support_box1_list dd a{
	display: block;
	width: 100%;
	height: 80px;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
.support_box1_list dd .icon{
	width: 48px;
	height: 48px;
	font-size: 20px;
	color: #fff;
	line-height: 48px;
	text-align: center;
	border-radius: 48px;
	background: #798992;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.support_box1_list dd .text{
	color: #000;
	font-size: 18px;
	padding-left: 5%;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.support_box1_list dd:hover,.support_box1_list dd.hover{
	background: #485D7D;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.support_box1_list dd:hover .icon,.support_box1_list dd.hover .icon{
	color: #485D7D;
	background: #fff;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.support_box1_list dd:hover .text,.support_box1_list dd.hover .text{
	color: #fff;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


.support_box1_search{
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 2.5% 0;
}
.support_box1_search form{
	width: 100%;
	max-width: 350px;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    margin: 0 auto 30px;
}
.support_box1_search_inp{
	display: block;
	width:calc(100% - 44px);
	height: 44px;
	padding-left: 15px;
	background: #eff1f4;
	border: 0;
}


.support_box1_search_btn_box{
	width: 44px;
	height: 44px;
	position: relative;
}
.support_box1_search_btn{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 44px;
	height: 44px;
	z-index: 3;
	opacity: 0;
	background: none;
	cursor: pointer;
}
.support_box1_search_btn_text{
	width: 44px;
	height: 44px;
	font-size: 20px;
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #FE0404;
}


.support_box1_down_bars{
	padding: 3% 0 2%;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
	flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}

.support_box1_down_bars .pro_det_b_tabs_down_bars_clm,.support_box1_down_bars select{
	width: 250px;
	margin: 0 15px 15px;
}


.support_box2{
	padding: 4% 0;
	background: #f6f6f6;
}
.support_box2_con_tt{
	font-size: 20px;
	color: #333;
	padding-bottom: 3%;
}
.support_box2_con_text{
	line-height: 26px;
	font-size: 16px;
	color: #000;
}

.support_box2_con_btn{
	display: block;
	width: 350px;
	height: 60px;
	color: #fff;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	background: #0db0bf;
	margin: 0 auto;
}
.support_box2_con_btn .icon{
	font-size: 24px;
	margin-right: 10px;
}
.support_box3{
	padding: 4% 0 6%;
}
.support_box3_list{
	display:flex;
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.support_box3_list dd{
	width: 50%;
	padding-right: 1%;
	display:flex;
    display: -webkit-flex;
    margin-bottom: 3%;
}
.support_box3_list dd .num{
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	border-radius: 50px;
	font-weight: bold;
	background: #798992;
}

.support_box3_list dd .text{
	width: calc(100% - 50px);
	color: #000;
	font-size: 16px;
	line-height: 26px;
	padding-left: 3%;
}


.support_box4{
	padding: 7% 0;
}
.support_box4_con{
	width: 90%;
	max-width: 860px;
	display:flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    margin: 0 auto;
    padding-top: 150px;
}

.support_box4_con_item{
	width: 310px;
	height: 100px;
	padding: 0 5%;
	color: #fff;
	background:rgba(13,176,191,.85);
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    margin-bottom: 20px;
}

.support_box4_con_item .icon{
	color: #fff;
	font-size: 42px;
}
.support_box4_con_item .con{
	padding-left: 5%;
	color: #fff;
	width: calc(100% - 42px);
}
.support_box4_con_item .con .tt{
	font-size: 18px;
	margin-bottom: 8px;
}
.support_box4_con_item .con .text{
	font-size: 14px;
}


.support_box4_con_item:hover{
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}


.support_box5{
	border-bottom: 20px solid #eff1f4;
}


/*
 * global_web
 */
.global_box{
	padding: 4% 0;
	background: #f5f7f9;
}
.global_box2 .wrapper{
	display:flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}


.global_box2{
	padding: 4% 0;
}
.global_box2_list1{
	width: 90%;
	max-width:350px;
}
.global_box2_list1 dd{
	width: 100%;
	display:flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items: center;
    margin-bottom: 22px;
}
.global_box2_list1 dd .icon{
	width: 68px;
	height: 68px;
	line-height: 68px;
	font-size: 40px;
	color: #fff;
	text-align: center;
	border-radius: 68px;
	background: #24b8c5;
}
.global_box2_list1 dd .con{
	width: calc(100% - 68px);
	padding-left: 3%;
}
.global_box2_list1 dd .con .tt{
	color: #24b8c5;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 4px;
}
.global_box2_list1 dd .con .text{
	line-height: 20px;
	font-size: 14px;
	color: #798992;
}


.global_box2_list2{
	width: 90%;
	max-width: 750px;
}

.global_box2_list2 dd{
	width: 100%;
	margin-bottom: 22px;
	display:flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.global_box2_list2 dd .tt_l{
	width: 170px;
	display:flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items: center;
}
.global_box2_list2 dd .tt_l .icon{
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 45px;
	font-size: 28px;
	color: #fff;
	text-align: center;
	background: #0cb0bf;
}
.global_box2_list2 dd .tt_l .tt{
	font-size: 16px;
	color: #0AA6B4;
	font-weight: bold;
	padding-left:10px;
}

.global_box2_list2 dd .text{
	width: calc(100% - 170px);
	padding-left: 5%;
	padding-top: 11px;
	display:flex;
    display: -webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.global_box2_list2 dd .text .item{
	font-size: 14px;
	color: #000;
	line-height: 22px;
	margin:0 15px 10px 0;
}
.global_box2_list2 dd .text .item:hover{
	text-decoration:underline;
}


.support_box1_down_bars_btn{
	color:#fff;
	height: 44px;
	width: 80px;
	font-size: 16px;
	background: #e46713;
	border: none;
	cursor: pointer;
	margin-left: 5px;
}



/*
 * video_open
 */
.video_window {
	display: none;
	width: 800px;
	height: 485px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 10000;
	margin: -300px 0 0 -400px;
}

.video_window_rela {
	position: relative;
	height: 100%;
}

.video_window_close {
	position: absolute;
	right: -12px;
	top: -12px;
	width: 20px;
	color: #fff;
	font-size: 18px;
	height: 20px;
	font-family: arial;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
}

.video_window_mask {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
}
.video_window_ifeame{
	background:#333;
	border: 0;
}


.back_top{
	display: none;
	position:absolute;
	right: 0;
	bottom:55px;
	z-index: 6;
	width:45px;
	height: 30px;
	background: #707070;
	border-radius:0px;
	cursor: pointer;
}
.back_top .icon{
	width: 9px;
	height: 13px;
	transform: rotateZ(-90deg);
	-webkit-transform: rotateZ(-90deg);
	background: url(../images/more_ico.png) no-repeat center center;
	margin: 10px auto 6px;
}
.back_top .text{
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	display:none;
}


.ie_version_box{
  display: none;
  position: fixed;
  left:0;
  top:0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: url(../images/vision_bg.png) repeat center center;
}
.ie_version_box_rela{
  width: 100%;
  height: 100%;
  position: relative;
}
.ie_version_box_close{
  position: absolute;
  top: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  font-family: arial;
  cursor: pointer;
  background: url(../images/vision_close.png) no-repeat center center;
}
.ie_version_con{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 300px;
  padding:0 0;
  margin: -150px 0 0 -400px;
}
.ie_version_con_pic{
  float: left;
  width: 150px;
  margin: 0 auto;
}
.ie_version_con_pic img{
  display: block;
  max-width: 100%;
}
.ie_version_con_r{
  float: left;
  width: 615px;
  padding-left: 35px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ie_version_tt{
  font-size: 24px;
  color: #fff;
  margin-bottom: 25px;
}
.ie_version_link_clm{
  color: #fff;
  font-size: 16px;
  margin-bottom: 15px;
}
.ie_version_link_clm a{
  display: block;
  color:#fff;
  text-decoration: underline;
}
.ie_version_link_clm a:hover{
  color: #24b8c5;
}

.ie_version_box.hover{
  width: 100%;
  height: 50px;
}
.ie_version_box.hover .ie_version_box_rela{
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
.ie_version_box.hover .ie_version_con_r{
  width: 100%;

}
.ie_version_box.hover .ie_version_con_pic{
  display: none;
}

.ie_version_box.hover .ie_version_box_close{
  display: none;
}
.ie_version_box.hover .ie_version_con{
  position: static;
  top:0;
  left:0;
  margin: 0;
  width:100%;
  height: 50px;
}
.ie_version_box.hover .ie_version_tt{
  font-size: 16px;
  text-align: left;
  line-height: 50px;
  cursor: pointer;
}
.ie_version_box.hover .ie_version_link{
  display: none;
}
/*************download******/
.imgteaser{
	width:-moz-calc((100% - 60px) / 4);
	width:-webkit-calc((100% - 60px) / 4);
	width: calc((100% - 60px) / 4);
	float:left;
	margin-right:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:20px;
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.imgteaser:hover{transform:translateY(-5px);}
.clst{
	margin-right:0;
}
.d1{
}
.mpc{
	position:relative;
	overflow:hidden;
	box-shadow: rgba(0,0,0,0.1) 0 8px 15px;
	border:#f0f0f0 1px solid;
}
.mpc:hover{
	box-shadow: rgba(0,0,0,0.4) 0 8px 20px;
	
}
.mpc img{
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
	display:block;
}
.mpc:hover img{
	transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.CC{
	height:50px;
	line-height:50px;
	font-size:16px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
	text-align:center;
	margin-top:0px;
}
/***下载*/
.box2 {					  
  margin-top: 50px;
  width: 100%;
  overflow:hidden;
}
.box2 ul {
  overflow: hidden;
  margin-left: -10px;
}
.box2 ul li {
  width: 45%;
  height: 50px;
  line-height:50px;
  float: left;
  padding-left: 1px;
  box-sizing: border-box;
  margin-bottom:1px;
  text-indent:20px;
  font-size:16px;
}
.box2 ul li:nth-child(2){
	width:25%;
}
.box2 ul li:nth-child(3),.box2 ul li:nth-child(4){
	width:15%
}
.box2 ul li .com {
  height: inherit;
  background:#485D7D;
  color:#FFF
}
.box2 ul li .com2 {
  height:45px;
  background:#f0f0f0;
  line-height:45px;
}
/*=======内页左右====================*/
.subleft{
	float:left;
	width:-moz-calc(100% - 360px);
    width:-webkit-calc(100% - 360px);
	width: calc(100% - 360px);
}
.subright{
	float:right;
	width:300px;
}
/*----------------------------------aside---------------------------------*/
.side-tit-bar {
	position: relative;
}

.side-tit-bar .side-tit {
	position: relative;
	font-size: 18px;
	line-height: 50px;
	color: #FFF;
	padding: 0 0 0 20px;
	background: #0070A9;
}

.side-widget {
	position: relative;
	margin: 0 0 30px;
	background:#FFF
}

.side-widget+.side-widget .side-tit-bar .side-tit {
	text-transform: none;
}

.side-cate {
	padding: 15px 20px 15px 20px;
	border:#e0e0e0 1px solid;
	border-top:0;
	box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
}

.side-cate li {
	position: relative;
	line-height: 40px;
	border-bottom:#e0e0e0 1px solid;
	font-size: 16px;
	vertical-align:middle;
}
.side-cate li span{
    /*border-radius:100%;
	background:#485D7D;
	display:inline-block;*/
	margin-right:10px;
	/*line-height:100%;*/
	vertical-align:middle;
	font-family:'宋体';
	float:right;
}
.side-cate p{
	font-size:15px;
	line-height:30px;
}
.side-cate p img{
	border-radius:12px;
	margin-top:10px;
	margin-right:5px;
	height:25px;
}
.side-cate li li {
	line-height: 30px;
	font-size: 14px;
	
}

.side-cate li a {
	position: relative;
	display: block;
	margin-right:0px;
}
.side-cate li:hover a{
	color:#FF7401;
}
.side-cate li:hover a span{
	/*background:#FF7401;*/
}
.side-cate ul {
	display: none;
	overflow: visible !important
}

.side-cate li li {
	padding: 2px 0;
}

.side-cate li li a {
	padding: 0 10px 0 15px;
	margin-right: 0;
	position: relative;
}

.side-cate li li a:hover,
.side-cate li li.active>a {
	color: #797979;
}

.side-cate li li a:hover:before,
.side-cate li li.active>a:before {
	background-color: #f00000;
}

.side-cate li li a:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #24272e;
	position: absolute;
	left: 0;
	top: 12px;
}

.side-cate li li.nav-current>a {
	color: #797979;
}

.side-cate li li.nav-current>a:before {
	background-color: #f00000;
}

.side-cate li li li a {
	padding: 0 66px;
	margin-right: 0;
}

.side-cate li .icon-cate {
	position: absolute;
	right: 0;
	top: 7px;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 22px;
	overflow: hidden;
	text-align: center;
	font-size: 10px;
	cursor: pointer;
	color: #000;
	border-radius: 0%;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.side-cate li .icon-cate:before {
	padding-left: 1px;
	padding-right: 1px;
}

.side-cate li .icon-cate.icon-cate-down:before {
	content: '\f04b';
}

.side-cate li .icon-cate.icon-cate-up:before {
	content: '\f04b';
}

.side-cate li .icon-cate.icon-cate-up {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.side-cate li.nav-current>.icon-cate {
	color: #000;
}

.side-cate>li.nav-current>a,
.side-cate>li.nav-current>.icon-cate {
	color: #f00000;
}
#map img{ max-width:none!important
}
.indexabout li{
	list-style-type:disc;
	margin-left:14px;
}
table.det td{
	text-align:center
}
/***********************/
.products{
	clear:both;
	margin-top:50px
}
.products h2{
	font-size:36px;
	color:#00517A;
	font-family: "BITSUMISHI";
	font-weight:normal;
	margin:0 0 30px 0;
	border-bottom:#A1A1A1 3px solid;
	position:relative;
	padding-bottom:10px;
	width:408px;
}

.products h2 span{
	height:8px;
	width:90px;
	background:#A1A1A1;
	position:absolute;
	bottom:-5px;
	border-radius:5px;
}
.pro-cate{
	position: relative;
	float:left;
	width:480px
}
.pro-cate a.more2{
	font:400 15px/50px "Microsoft YaHei";
	color:#0070A9;
	font-weight:bold;
	background:#FFF;
	display:block;
	float:left;
	width:200px;
	text-align:center;
	border:1px solid #0070A9;
	_display:inline;
}
.pro-cate a.more2:hover{
	text-decoration: none;
	color:#fff;
	background: #0070A9;
	border:1px solid #0070A9;
}
.pro-cate .program{
	width:100%;
}
.sort1 li{
	float:left;
	font:400 15px/50px "Microsoft YaHei";
	width:200px;
	color:#424242;
	background:#FFF;
	cursor:pointer;
	_display:inline;
	border:1px solid #e0e0e0;
	margin-bottom: 8px;
	margin-right: 8px;
	text-align: center;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}
.sort1 li:hover{
	color:#fff;
	background: #0070A9;
	border:1px solid #0070A9;
}
.sort1 li:hover a{
	color:#FFF
}
.sort1 li.cur{
	color:#fff;
	background: #0070A9;
	border:1px solid #0070A9;
}
.sort1  a{color:#424242;}
.sort1  a:hover{text-decoration: none;}
.sort1 li.cur a{color:#fff;}

.tab-content{
	text-align: center;
	float:right;
	width:-moz-calc(100% - 480px);
	width:-webkit-calc(100% - 480px);
	width: calc(100% - 480px);
}
.tab-content a{
	display:none;
}
.tab-content img{
	width:100%;
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	-moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	box-shadow: 0 15px 30px rgba(0,0,0,.1);
	-webkit-transform: translate3d(0,-4px,0);
	border:#e0e0e0 1px solid;
}
.ads{height:156px;background: url(../images/ads.jpg) no-repeat 50% 0;margin-top:40px;}
.advantage{padding-top:80px;}
.advantage .title{padding-left: 55px;}
.advantage h2{width:210px;height:185px;background:url(../images/advan.jpg) no-repeat; text-indent:17px;color:#0962c8;font:600 36px/40px "Microsoft YaHei";padding-top:87px;}
.advantage h2 span{display:block;font:400 20px/32px "Microsoft YaHei";}
.tab-adv{width:700px;}
.tab-nav{width:72px;text-align: center;padding-top:5px;}
.tab-nav li{color:#fff;font:600 28px/66px "impact";cursor:pointer;}
.tab-nav li.tab1{background: url(../images/tab1.jpg) no-repeat;}
.tab-nav li.tab2{background: url(../images/tab2.jpg) no-repeat;}
.tab-nav li.tab3{background: url(../images/tab3.jpg) no-repeat;}
.tab-nav li.tab4{background: url(../images/tab4.jpg) no-repeat;}
.tab-nav li.cur{background: url(../images/tab-hover.jpg) no-repeat !important;}
.tab-contnett{width:598px;margin-left:25px;}
.tab-contnett .con{display: none;}
/*================首页四大优势==============================================*/
.ind_clm7_bg{
	/*background:url(../up_pic/adbg.jpg) no-repeat center center;*/
	background-size:cover;
}
.joinus{
	width:100%;
	clear:both;
	background:url(../up_pic/adbg.jpg) no-repeat center center;
	background-size:cover;
	height:100%;
	/*margin-top:80px;*/
}
.joinus .left,.joinus .right{
	width:50%;
	float:left;
	position:relative;
}
.joinus .left img.dt,.joinus .right img.dt{
	width:100%;
}
.joinus .right{
	position:relative;
}
.joinus .right .neirong{
	position:absolute;
	top:10%;
}
.joinus .right .neirong p.title{
	font-size:33px;
	margin-top:12%;
}
.joinus .right .neirong p.title span{
	color:#E36D27
}
.joinus .right .neirong ul{
	width:540px;
}
.joinus .right .neirong ul li{
	width:100%;
	clear:both;
	border-bottom:#e0e0e0 1px solid;
	line-height:200%;
	padding-bottom:15px;
	margin-top:15px;
	font-size:14px;
}
.joinus .right .neirong ul li:last-child{
	border-bottom:0;
	padding-bottom:0;
}
.joinus .right .neirong ul li img{
	float:left;
	margin-right:30px;
	margin-top:8px;
	margin-bottom:20px
}
.joinus .right .neirong p.dec{
	font-size:18px;
	padding-top:20px;
	padding-left:80px;
}
.joinus .right .neirong .tel{
	background:url(../images/tel.png) no-repeat 6px #646464;
	width:74%;
	margin-top:5%;
	border-radius:30px;
	padding:10px 0;
	font-size:26px;
	color:#FFF;
	text-indent:80px
	
}
/**********首页滚动*******/
#container{width:1028px;margin:0 auto;margin-top:22px;}
.boxx{width:1028px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.cooper{margin-top:38px;}
.cooper .title{text-align: center;}
.cooper .more{color:#595757;font:400 20px/24px "Microsoft YaHei";text-align: center;background: url(../images/more.jpg) no-repeat;display:block;}
.cooper .content{height:250px;overflow: hidden;}
.roll1,.roll2{ margin:86px 0 0 0; display:blcok; width:28px; height:56px; overflow:hidden;}
.roll1 img,.roll2 img{width:28px; height:56px;}

.part_c{ margin:31px 0 0 10px; display:inline;}
.part_c ul{ padding:0 20px;}
.part_c ul li{ width:235px; height:240px; float:left; margin:0 15px; display:inline;}
.part_c ul li div{border:#f0f0f0 1px solid; text-align:center;-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);box-shadow: rgba(0,0,0,0.1) 0 15px 15px; background:#FFF;}
.part_c ul li img{ width:232px; height:159px; border:0px solid #e3e1e1;background:#fff;}
.part_c ul li{
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
}

.part_c ul li:hover{
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out
}
.part_c ul li h3{background: url(../images/shadow.gif) no-repeat 50% 0;padding-top:18px;text-align: center; margin-top:0px;color:#595757;font:400 18px/26px "Microsoft YaHei";}
.part_c ul li:hover h3{color:#E60012}
.part_c ul li span{ position:absolute; top:260px; left:6px;  height:48px; width:604px; overflow:hidden; text-align:center;  display:block; color:#fff; background:url(../images/cul_span.png) repeat left top;}
.part_c ul .nones{ margin-right:0px;}
/******产品详细******************************/
.view{ clear:both; width:100%}
.view .Main{height:auto;/* overflow:hidden;*/}
.view .Main_left{width:450px; float:left;}
/*.view .Main_left .img{width:570px; height:365px;}
.view .Main_left .img img{max-width:570px; max-height:365px;}
.view .loop{margin-top:21px;}
.view .btn_left{width:30px; height:77px; float:left; background:url(../images/btn_left.jpg) no-repeat center; cursor:pointer;}
.view .btn_right{width:30px; height:77px; float:right; background:url(../images/btn_right.jpg) no-repeat center; cursor:pointer;}
.view .small{width:510px; height:77px; overflow:hidden; float:left; margin:0;}
.view ul{margin:0; padding:0; margin-left:-5px; height:auto; overflow:hidden;}
.view ul li{float:left; width:120px; height:77px; margin:0 5px;}
.view .loop .img{width:120px; height:77px;}
.view .loop .img img{max-width:120px; max-height:77px;}
.view ul li:hover{width:116px; height:73px; border:2px solid #667BB4; overflow:hidden;}*/

/**放大镜***/
.preview{width:520px; height:500px; margin:0px 0px 0px 0px; position:relative}
/* smallImg */
.smallImg{position:relative; height:426px; margin-top:0px; padding:0 0; width:80px; overflow:hidden;float:right;}
.scrollbutton{width:18px; height:100%; overflow:hidden; position:relative; float:left; cursor:pointer;background: url(../images/icon_pic_btn.png) no-repeat -32px center; margin-top:-15px}
.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled{background-position: left center;}
.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled{background-position: -16px center; float:right;}

#imageMenu {height:426px; width:80px; overflow:hidden; margin:0 auto; float:left;}
#imageMenu li {height:80px; width:80px; overflow:hidden; float:left; text-align:center; margin-bottom:10px;}
#imageMenu li img{width:78px; height:78px;cursor:pointer;border:1px solid #e0e0e0!important;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:78px; height:78px; border:1px solid #F98903!important;}

/* bigImg */
.bigImg{position:relative; float:left; width:426px; height:426px; overflow:hidden;transition:all 1s ease-in-out;}
.bigImg #midimg{width:426px; height:426px; border:#e0e0e0 1px solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #e0e0e0; background:#FFF; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}

.view .Main_right{
	width:-moz-calc(100% - 530px);
	width:-webkit-calc(100% - 530px);
	width: calc(100% - 530px);
	float:right;
}
.view .Main_right .submit{/*background:#f7da64; padding:26px 0 27px 0;*/ margin-top:15px; font-size:16px; line-height:200%}
.view .Main_right .title{/*height:50px;*/ font-size:22px; line-height:25px; padding:5px 0px 0px 0px; overflow:hidden; font-weight:600}
.viewbot{width:100%; clear:both;}
.viewleft{width:318px; float:left; margin-left:40px;}
.progroup{border:#e0e0e0 1px solid;border-top:3px solid #204A2B;border-radius:5px 5px 3px 3px;background:#FFF;top:-42px; position:relative; padding-bottom:20px; }
.progroup ul{ padding:15px}
.progroup ul li{ line-height:40px; border-bottom:#f0f0f0 1px solid}
.hotitems{border:#e0e0e0 1px solid;border-top:3px solid #204A2B;border-radius:5px 5px 3px 3px; background:#FFF;position:relative; padding-bottom:20px; top:-25px}
.viewleft .title{width:100%; margin:0 auto; height:64px; line-height:64px; font-size:18px; background:#F28D01; color:#FFF; text-indent:20px}
.viewpro{width:90%; margin:20px auto 0 auto;}
.viewpro p{ margin-top:10px}
.detail{/*border:1px solid #dddddd;border-radius:0 0 5px 5px;*/ background:#FFF;}
.detail .detail_title{width:158px; height:42px; border:1px solid #dddddd; border-top:3px solid #204A2B;border-radius:5px 5px 0 0; border-bottom:none; position:absolute; margin-top:-42px; background:#ffffff; line-height:42px; text-align:center; margin-left:-1.0px;}
.detail .detail_info{ padding:0px 40px 40px 40px; height:auto; overflow:hidden; line-height:200%; background:#FFF; min-height:855px; font-size:16px;}
.detail_info img{ max-width:100%;/* min-width:750px;*/}
.pro_info{margin-top:10px; padding-bottom:15px; font-size:18px; line-height:26px; height:auto; overflow:hidden; border-bottom:1px solid #efefef;}
.pro_info .price{font-size:18px; color:#ec0000;}
.pro_info .price span{font-size:14px;}
.detail_info table{ width:100%;}
.detail_info table td{ padding:5px 0px 5px 15px; /*font-size:12px;*/}
.detail_info table td img{ min-width:135px}
.pro-h5 {
  height: 106px;
  line-height: 106px;
  font-size: 26px;
  color: #FF7300;
  padding-left: 36px;
  padding-bottom: 26px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e9e9e9;
}
.BoxSha10 {
  box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
  border:#e0e0e0 1px solid
}

.color {
  color: #d00355;
}
.item img{ max-width:none!important}
.onbuy{ width:100%; margin-top:50px;}
.onbuy li{ float:left;}
.onbuy li a{ display:block; width:150px; height:50px; line-height:46px; text-align:center;border:#FF7300 2px solid;background:#FF7300; color:#333; font-size:17px; border-radius:0px; font-weight:500;box-sizing: border-box}
.onbuy li a:hover,.bnow a:hover{ background:#FC6200!important;border:#FC6200 2px solid;-moz-transition: all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; color:#FFF;line-height:46px!important;}
.cctext p, .cctext span{ font-size:16px;}
.bnow a{border:#F28D01 2px solid; background:#FFF!important;box-sizing: border-box}
.n2{ position:relative;}
.zixun{opacity:0;position:absolute;top:0px; right:0px;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; border:#e0e0e0 1px solid; z-index:99999999999999999}
.n2:hover div.zixun{opacity:1; position:absolute;top:51px; right:0px; -webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.n2 a{ color:#FFF!important}
.ninfo p{ margin-bottom:10px}
.repro{ clear:both; width:100%; border:#e0e0e0 1px solid; overflow:auto;box-shadow: rgba(0,0,0,0.1) 0 10px 20px; margin-top:40px}
.repro ul{margin:20px}
.repro h3{ width:100%; height:40px; line-height:40px; background:#f0f0f0; font-size:16px; text-indent:20px; border-bottom:#e0e0e0 1px solid}
.repro ul li{float:left; width:-moz-calc((100% - 60px) / 4);width:-webkit-calc((100% - 60px) / 4);width: calc((100% - 60px) / 4); margin-right:20px}
.repro ul li:hover{
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out
}
.repro ul li p{ line-height:40px; margin-bottom:10px; font-size:15px; padding:0 10px}
.repro ul li p span{ float:right;}
.repro ul li:hover a{ color:#FF7401}

.twx{position:relative;cursor:pointer}
.txx{opacity:0;position:absolute; width:120px;top:-125px; right:24px;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; z-index:99999}
.twx:hover .txx{opacity:1; position:absolute;top:-2px!important; right:24px; -webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.txx img{width:120px!important; height:120px!important; border:#e0e0e0 1px solid;border-radius:3px!important;}
.newslist{
	clear:both;
	width:100%;
	float:left;
	margin-top:10px;
}
.newslist li{
	float:left;
	width:100%;
	border-bottom:#e0e0e0 1px solid;
	line-height:38px;
}
.newslist li a{
	font-size:15px!important;
}
.newslist li span{
	float:right;
}
.friendlink{
	clear:both;
	color:#e0e0e0
}
.friendlink li{
	float:left;
	margin-right:20px;
}
.friendlink li a{
	display:block;
	color:#e0e0e0;
}
.friendlink li a:hover{
	color:#FFF
}
.friendlink strong{
	float:left
}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:1px;bottom:200px;width:70px;height:240px; z-index:99999}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
/*.suspension .a:hover{background:#951C1F;}*/
.suspension .a .i{float:left;width:44px;height:44px;background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{background-image:url(../up_pic/qq.png);background-repeat:no-repeat;}
.suspension .a-service-phone .i{background-image:url(../up_pic/tel.png);}
.suspension .a-qrcode .i{background:url(../up_pic/qrcode.png) no-repeat}
.suspension .a-cart .i{background:url(../images/facebook.jpg) no-repeat}
.suspension .a-cart:hover .i{background:url(../images/facebook_on.jpg) no-repeat}
.suspension .a-whatsapp .i{background:url(../up_pic/home.png) no-repeat}
/*.suspension .a-whatsapp:hover .i{background:url(../images/whatsapp_on.jpg) no-repeat}*/
.suspension .a-skype .i{background:url(../images/qq.png) no-repeat}
.suspension .a-skype:hover .i{background:url(../images/skype_on.jpg) no-repeat}

.suspension .a-top .i{background:url(../up_pic/gotop.png) no-repeat ;}
.suspension .a-top{/*background:#D2D3D6;display:none;*/}
/*.suspension .a-top:hover{background:#c0c1c3;}*/
.suspension .d{display:none;width:220px;background:#fff;position:absolute;right:57px;min-height:80px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:125px;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 12px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3; padding:0;display:block;float:left; margin-bottom:10px}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 10px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item a:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item a:hover{ color:#951C1F}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:14px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:132px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.moreproducts{
	width:150px; height:40px; line-height:40px;left:50%; margin-left:-75px; text-align:center; color:#FFF; position:absolute; background:#039606; border-radius:20px; font-size:16px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}
.moreproducts a{
	color:#FFF
}
.moreproducts:hover{
	background:#F30B1B
}