﻿/*初始化*/
/*@import "../../../css/alibaba-font.css";*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,select{margin:0;padding:0;}
body,button,input,select,textarea{font-size:14px; color:#555;font-family:"AlibabaPuHuiTi","PingHei","STHeitiSC-Light", "tahoma", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica", "Arial","Verdana", "sans-serif","microsoft yahei";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input,button,select,textarea{ outline:none;}
body{
	padding-top:50px
}
textarea{resize:none;}
ul,ol{list-style:none;}
a{text-decoration:none;}
sup{vertical-align:text-top; vertical-align:super}sub{vertical-align:text-bottom;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{/*border-collapse:collapse;border-spacing:0;*/}
td{ padding:5px 10px}
.clear_float:after{display:block;visibility:hidden;height:0;clear:both;content:"";}.clear_float{display:inline-block;}/*asdfasdf\*/ * html .clear_float{zoom:1;}.clear_float{display:block;}
*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.fr{ float:right;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}
.en{ font-family:Tahoma, Geneva, sans-serif;}
.wrap{
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	font-size:14px;
	text-align:left;
	clear:both;
	padding:0 15px;
}
.wrap .mytxt{
	text-align:left;
	font-size:14px;
	line-height:29px;
	padding-bottom:50px;
	padding-top:30px;
	width:100%;
}
/*reset*/
*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a{ -webkit-tap-highlight-color:transparent;}
.ft{width:100%; height:40px; line-height:40px; position:fixed; bottom:0; background:#f6f6f6; padding:10px 0; border-top:#f0f0f0 2px solid}
.ft li{ display:inline-block; width:30%; margin-left:1%; text-align:center; color:#FFF}
.l1{ background:#2207AA}
.l2{ background:#4E149E}
.l3{ background:#CA3B71}
.ft a{ color:#FFF}
/***********************************************/
.logo{
	width:100%;
	float:left;
	clear:both;
	position:fixed;
	top:0;
	left:0;
	z-index:9;
	background:#FFF;
}
.logo img{
	height:35px;
	display:block;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
}
.viewclass{
	width:100%;
	float:left;
	clear:both;
	position:absolute;
	/*top:68.39%;*/
	bottom:21.5%;
	left:4.8%;
	z-index:9;
}
/**重新定义内页位置***/
.viewclass.vt{
	bottom:26.5%!important;
}
.viewclass img{
	width:21.6%;
	display:block;
}
.topmenu{
	width:100%;
	clear:both;
	float:left;
	position:absolute;
	/*bottom:83.47%;*/
	bottom:15px;
	left:0;
	z-index:9;
}
.topmenu ul{
	text-align:center;
	font-size:0;
}
.topmenu ul li{
	display:inline-block;
	line-height:100%;
	width:25%;
	font-size:15px;
	/*font-weight:bold;*/
	text-align:center;
	border-right:#FFF 1px dotted;
}
.topmenu ul li:last-child{
	border:0;
}
.topmenu ul li img{
	width:30%;
	display:inline-block;
	margin-bottom:5px;
}
.topmenu ul li a{
	color:#FFF;
}
.topmenu ul li a span{
	display:block;
	font-size:9px;
	color:#A5D5FD;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:3px;
	font-family:'AlibabaSans-Normal';
}
/**************页脚*****/
.footer{
	width:100%;
	float:left;
	clear:both;
	padding:30px 15px 20px 15px;
	text-align:center;
	color:#60859C;
	box-shadow:inset 0px 15px 10px -15px rgba(0,144,255,0.2);
	margin-bottom:60px;
	background:#323D43;
	line-height:160%;
}
.fmenu{
	margin:30px 15px 10px 15px;
	border-bottom:#0290FE 1px solid;
	text-align:center;
	padding-bottom:5px;
	font-size:0;
}
.fmenu li{
	display:inline-block;
	width:25%;
	font-size:15px;
	font-weight:bold;
}
.fmenu li a{
	color:#0290FE;
}
.copyright{
	color:#A1CCFF;
}
/*页码*/
.page-box{
	overflow:hidden;
	clear:both;
    width: 90%;
    height: 40px;
    margin: 25px auto;
    text-align: center;
}
.page-num{
    color: #898989;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    box-sizing: border-box;
    /*display: flex;
    justify-content: space-between;*/
}
.page-num a{
    display: inline-block;
    color: #898989;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    background-color: #fbfbfb;
	margin:0 5px;
	border:#e0e0e0 1px solid;
}
.page-num span{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    background: linear-gradient(to bottom right, #77d3f6 , #0099cd)
}
.page-num a:visited{
    color: #898989;
}
.page-num a.a2{
	cursor:not-allowed;
	color:#e0e0e0;
}
/*********菜单************/
.local{
	width:100%;
	clear:both;
	float:left;
	padding:0 15px;
	margin-top:10px;
	border-bottom:#f3f3f3 1px solid;
	padding-bottom:5px;
	font-size:15px;
	display:none
}
.local img{
	position:relative;
	margin-bottom:4px
}
.local span{
	padding:0 5px;
	font-family:'宋体'
}
.classmenu{
	width:100%;
	clear:both;
	float:left;
	padding:0 15px;
	font-size:0;
	margin-top:20px;
}
.classmenu a{
	width:calc((100% - 20px) / 3);
	display:inline-block;
	height:30px;
	line-height:30px;
	background:#f0f0f0;
	text-align:center;
	padding:0 5px;
	font-size:14px;
	margin-bottom:10px;
	color:#424242;
	margin-right:10px;
	overflow:hidden;
}
.classmenu a:nth-child(3n){
	margin-right:0
}
.classmenu a.cur{
	background:#0090FF;
	color:#FFF;
}
.topBar{
	height:50px; 
	line-height:50px;
	width:100%;
	padding:0 15px;
	clear:both;
	float:left;
	background:#f0f0f0;
}
.topBar .select{ 
    float:right;
	display:inline-block; 
	height:50px;
	line-height:50px;
	color:#424242; 
	font-size:15px;
	text-decoration:underline;
}
.topBar .name span{
	height:50px; 
	line-height:50px; 
	font-size:15px;
	color:#424242; 
	display:inline-block;
}
.dialog{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); width:100%; height:100%; overflow:hidden; z-index:9999; display:none;}
.dialog .selectBox{ position:absolute; left:0; bottom:0; width:100%; background:#fff; padding-bottom:50px;}
.dialog .selectBox .btn{ height:50px; line-height:50px; background:#333; text-align:center; font-size:14px; color:#fff; position: absolute; bottom:0; left:0; width:100%;}
.dialog .selectBox h2{ font-size:18px; font-weight:normal; text-align:center; padding:20px 0 10px 0;}
.dialog .selectBox ul{ padding:0 15px;}
.dialog .selectBox li{ height:45px; line-height:45px; position:relative; border-bottom:#f0f0f0 1px solid}
.dialog .selectBox li i{ position:absolute; width:19px; height:19px; background-repeat:no-repeat; background-position:center center; background-size:12px; right:4px; top:10px; border:1px solid #888;border-radius: 100%;}
.dialog .selectBox li.on i{ background-color:#E35F13; background-image:url(../images/icon_03.png); border:1px solid #E35F13;}
.dialog .selectBox a li.on p{
	color:#E35F13;
}
.dialog .selectBox li.bBor:after{background:#d6d6d6;}
.dialog .selectBox li p{background-position:left center; background-size:30px; display:inline-block; background-repeat:no-repeat;/* text-indent:48px; */color:#555;}
.dialog .selectBox li.subsort{
	height:40px;
	line-height:40px;
	border:0;
}
.dialog .selectBox li.last{
	margin-bottom:10px;
	border-bottom:#f0f0f0 1px solid;
	padding-bottom:5px;
}

.dialog .selectBox{ 
     -webkit-transform: translateY(100%); 
	 transform:translateY(100%); 
	 opacity: 0;
	 -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
	 transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
}
.dialogShow .selectBox{ opacity: 1; -webkit-transform: none; transform: none;}

/*******工程案例********/
.case_nav{
    margin-top: 12px;
    padding: 0px 22px;
    background: #FFF;
	border:#f0f0f0 1px solid;
	box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
	margin-bottom:20px;
}
.case_nav_list{
        line-height: 46px;
}
.case_nav_list>span{
    float: left;
    width: 108px;
}
.case_nav_list>a{
    float: left;
    width: 68px;
}
.case_nav_list>div {
    float: left;
    width: 988px;
}
.case_nav_list>div>a{
    margin-right: 22px;
}
.case_nav_list .cur,.case_nav_list a:hover{
    color: #00a0e9;
}
.list{
	min-height:150px
}
.list.mt50{
	/*min-height:500px;
	margin-bottom:50px;*/
	clear:both;
	
	overflow:hidden;
}
.list>ul>li{
    width: 100%;/*calc((100% - 0px) / 1);*/
    /*height: 273px;
    border: 1px solid #f0f0f0;*/
    background: #fff;
    float: left;
    overflow: hidden;
    /*padding: 10px;*/
    position: relative;
    margin-top: 20px;
    /*margin-right:25px;*/
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.list>ul>li:hover{
	box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px)
}
/*.list>ul>li:last-child{
    margin-bottom: 0;
}*/
.list>ul>li .pic{
    float: left;
    width: 50.64%;
    /*height: 250px;*/
    overflow: hidden;
}
.list>ul>li .pic img{
    height: 100%;
	width:100%;
}
.list>ul>li .txt{
    float: right;
	padding:0;
    width: calc(100% - 53%);
}
.list>ul>li .txt h3{
    /*padding: 15px 0;*/
    border-bottom: 1px solid #00a0e9;
    margin-bottom: 5px;
	margin-top:0;
	line-height:100%;
	padding-bottom:10px;
	font-size:15px;
	font-weight:normal;
}
.list>ul>li .txt h3 a{
	text-decoration:none
}
.list>ul>li .txt>div{
    margin-bottom: 10px;
}
.list>ul>li .txt>div>p{
    line-height: 1.5;
	margin:0;
}
.list>ul>li .txt>div>p:nth-child(2){
    color: #00a0e9;
}
.list>ul>li>a.go{
    display: block;
    width: 80px;
	color:#FFF;
    height: 30;
	line-height:30px;
    background:#0090FF;
	border-radius:20px;
    position: absolute;
    right: 10px;
    bottom: 20px;
	text-align:center;
	display:none
}
.casefenlei{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:0;
	margin-top:20px;
}
.casefenlei .left{
	width:60%;
	float:left;
	text-align:left;
}
.casefenlei .right{
	float:right;
	width:40%;
	text-align:right;
}
/******常见问题*************/
.accordion{
	margin-bottom:50px;
}

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #0090FF;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #7288a2;
  font-size: 15px;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #0090FF;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #0090FF;
  border: 1px solid #0090FF;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-radius: 20px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 8px;
  left: 4px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 4px;
  left: 8px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded=true] {
  color: #0090FF;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 14px;
  font-weight: 300;
  margin: 2em 0;
}
/****产品需求留言表单********************/
.myform{
	clear:both;
	width:100%;
	float:left;
	padding:0 15px;
}
.pro-xuqiu{
	width:100%;
	clear:both;
	margin-bottom:0px;
	overflow:hidden;
	padding-bottom:50px;
}
.pro-xuqiu h3{
	border-bottom:#f0f0f0 1px solid;
	font-size:20px;
	font-family: AlibabaPuHuiTi;
	font-weight:normal;
	padding-bottom:6px;
	color:#000;
	margin-bottom:10px;
}
.pro-xuqiu .formItem {
	vertical-align: middle;
	width: 100%;
	float:left;
	padding:20px 2%;
	border:#f0f0f0 1px solid;
	position:relative;
	border-radius:5px;
	margin-bottom:2%;
}
.pro-xuqiu .formItem a{
	outline:none;
	color:#424242;
}
.formItem .iconBox{
	float:left;
	width:60px;
	height:60px;
	border:#7FC6FC 1px solid;
	background:#7FC6FC;
	border-radius:50%;
	margin-top:-30px;
	top:50%;
	position:absolute;
	overflow:hidden;
	text-align:center;
	line-height:60px;
	vertical-align:middle;
}
.formItem .iconBox img{
	display:inline-block!important;
	width:50%;
	margin-top:14px;
}
.formItem .introduce{
	width:calc(100% - 80px);
	float:right;
}
.formItem .introduce .name{
	font-size:16px;
	font-family: AlibabaPuHuiTi;
}
.formItem .introduce .info{
	font-size:13px;
	line-height:160%;
}
.pro-xuqiu .formItem:hover {
	box-shadow: 0 10px 10px 0 #eee;
	border-radius:5px;
	border:#f0f0f0 1px solid;
}
.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	top: 0;
	left: 0;
	z-index:999999999;
}

.modal {
	/*left:-30px;
	right:-30px;*/
	position: fixed;
	top:0;
	bottom:0;
	display: none;
	z-index:999999999999999999999999999999;
	overflow:hidden;
	max-height:100%;
	overflow:auto;
}
.m-neirong{
	/*width:760px;*/
	width:96%;
	background:#fff;
	left:50%;
	margin-left:-48%;
	position:relative;
	top:60px;
	margin-bottom:20px;
}
.modal .close {
	position: absolute;
	top: 10px;
	line-height:100%;
	right: 15px;
	font-size: 34px;
	z-index: 2;
	height:25px;
}
.modal .close a{
	padding:0;
	margin:0;
	display:block;
	height:25px;
	line-height:25px;
	font-weight:300!important;
	font-family:arial;
}
.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
}
.modal .title{
	font-family: AlibabaPuHuiTi;
	font-weight:normal;
	border-bottom:#f0f0f0 1px solid;
	line-height:60px;
	padding-left:15px;
	margin-bottom:20px;
	font-size:18px;
}
.asterisk {
	color: #0c5ca8;
	margin-right: 10px;
	position: relative;
	top: 4px
}
.join_content {
	padding: 0 15px;
	width:100%;
}
.join_item {
	margin-bottom: 15px;
	position: relative;
	clear:both;
	overflow:hidden;
}
.join_item_field {
	width: 28%;
	float:left;
}
.join_item_content {
	width: 72%;
	float:left;
}
.third_title {
	font-size: 15px;
	color: #444;
	line-height: 30px;
	font-weight: 400;
	margin-bottom: 10px
}
.join_inputbox {
	width: 100%;
	height: 40px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	position: relative;
	text-align:left;
}
.join_inputbox .input {
	font-size: 15px;
	color: #111;
	width: 100%;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	border:0;
	background:transparent;
}
.join_pro_category_box {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
.join_pro_category_box select{
	width:100%;
	height:40px;
	line-height:40px;
	border-radius:5px;
	border:0;
	font-size:15px;
	border: 1px solid #e3e3e3;
	padding:0 10px;
	background:url(../images/arrow.jpg) no-repeat 95%;
}
.join_inputbox .input.full {
	color: #111
}
.join_inputbox .msg {
	font-size: 15px;
	color: #888;
	position: absolute;
	left: 10px;
	top: 0;
	line-height: 40px;
}
.Validform_checktip {
	display: none;
	color: #f30000;
	font-size: 15px;
	line-height: 30px;
	text-align: left;
	margin-top: 5px
}

.select_item {
	height: 40px;
	line-height: 40px
}
.join_textareabox {
	width: 100%;
	height: 80px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	position: relative
}
.textarea {
	font-size: 15px;
	color: #111;
	width: 100%;
	line-height: 20px;
	padding-top: 10px;
	border: none;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	resize: none;
	overflow: auto;
	background:transparent;
}
.join_imgCode_box {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative
}
.join_imgCode_box .input {
	font-size: 15px;
	color: #111;
	width: 52.7%;
	height: 40px;
	line-height: 40px;
	border: none;
	padding-left:10px;
	background:transparent;
}
.imgCodeo {
	width: 90px;
	height: 30px;
	position: absolute;
	right: 4px;
	top: 4px;
	cursor:pointer;
}
.change {
	font-size: 15px;
	color: #0c5ca8;
	margin-left: 20px;
	cursor: pointer
}
.join_pop_bottom {
	padding-top: 7px;
	padding-bottom: 38px;
	background: #fff
}
.submit {
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #0c5ca8;
	border-radius: 25px;
	margin: 0 auto;
	font-size:18px;
	color: #fff;
	cursor: pointer
}
.input::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 15px;
  font-weight:300;
}

.input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 15px;
  font-weight:300;
}

.input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 15px;
  font-weight:300;
}
.conditions{
	margin-bottom:20px;
}
.conditions .item {
	font-size: 14px;
	color: #444;
	line-height:30px;
	font-weight: 400;
}
.mx .selectdq{
	/*width:calc((100% - 40px) / 3);
	margin-right:20px;*/
	width:100%;
	margin-bottom:5px;
}
.mx .selectdq.mr0{
	margin-right:0;
}
.second_title {
	font-size: 18px;
	color: #111;
	line-height: 36px;
	font-weight: 400;
	margin-top: 7px
}
.join_tab {
	margin-top: 11px;
	margin-bottom: 36px
}
.join_tab .item {
	margin-right: 3px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer
}
.radio_type {
    width: 20px;
    height: 20px;
    appearance: none;
    position: relative;
    outline: none;
}
/*.radio_type:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #0090FE;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio_type:checked:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #0090FE;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio_type:checked:after {
    content: "";
    width: 9px;
    height: 9px;
    text-align: center;
    background: #0090FE;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 6px;
    left: 3px;
}*/
.radio_type:checked + label {
    color: #0090FE;
}
.btmenu{
	width:100%;
	float:left;
	clear:both;
	position:fixed;
	bottom:0;
	left:0;
	height:60px;
	background:#f0f0f0;
	padding-top:10px;
	z-index:9999999
}
.btmenu ul{
	text-align:center;
	font-size:0;
}
.btmenu ul li{
	display:inline-block;
	width:25%;
	font-size:14px;
}
.btmenu ul li img{
	display:inline-block;
	width:22%;
}
.btmenu ul li a{
	color:#424242
}
/*****弹窗***/
.m_pop2_main .close,
.m_pop_main .close{
    position: absolute;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height:18px;
    right: 12px;
    top:12px;
}
.m_pop2_main .close img,
.m_pop_main .close img{
    width: 18px;
}
.m_pop2{position: fixed;width: 100%;height: 100%;left: 0;top:0;z-index: -1}
.m_pop2.show{z-index: 10000011}
.m_pop2_main{transition: .3s;transform: translateY(100%);box-shadow: 0 0 15px 0 rgba(0,0,0,.2);z-index: 10000013;position: absolute;bottom:0;left: 0;width: 100%;background: #FFF;border-radius: 12px 12px 0 0;padding: 15px;}
.m_pop2.show .m_pop2_main{transform: translateY(0)}
.m_pop2_main .close{}
.m_pop2_main .close img{}
.m_pop2_main .d1{text-align: center;margin-bottom: 10px}
.m_pop2_main .d1 .t1{font-size: 18px;color: #1b1b1b;padding: 0 10px}
.m_pop2_main .d1 .t2{font-size: 16px;color: #666666}
.m_pop2_main .d1 .t2 img{width: 19px;margin-right:8px}
.m_pop2_main .d2{}
.m_pop2_main .d2 .ipt-wrap {display: flex; align-items: center;margin-bottom: 10px;}
.m_pop2_main .d2 .ipt-wrap label{ width: 60px; }
.m_pop2_main .d2 .ipt-wrap label i,.m_pop2_main .d3 p i{ color: red; vertical-align: middle; }
.m_pop2_main .d2 .input1{width: 100%;height:35px;line-height:35px;border: 1px solid #d8d8d8;border-radius: 5px;font-size:14px;padding: 10px; flex: 1;}
.m_pop2_main .d2 .input1.wrong{ border-color: red; }
.m_pop2_main .d3{}
.m_pop2_main .d3 p{font-size: .3rem;color: #333333;padding: .2rem 0}
.m_pop2_main .d3 .d3_1{}
.m_pop2_main .d3 .d3_1 label{position: relative;z-index: 10000015;display: block;float: left;width: 48.52%; margin-top: .2rem;}
.m_pop2_main .d3 .d3_1 label:nth-child(2){display: block;float: right}
.m_pop2_main .d3 .d3_1 label input{display: none;}
.m_pop2_main .d3 .d3_1 label input + span{display: block;width: 100%;line-height: .6rem;color: #666666;font-size: 15px;border-radius:2px;text-align: center;background: #eeeeee}
.m_pop2_main .d3 .d3_1 label input:checked + span{color: #0095e2;background: #e5f6ff}
.m_pop2_main .d4{margin-top: .4rem}
.m_pop2_main .d4 a,
.m_pop2_main .d4 label{font-size:15px;color: #999;}
.m_pop2_main .d4 a{color: #0095e2}
.m_pop2_main .d4 label input{display: none}
.m_pop2_main .d4 label input + span{margin-right: .2rem;position: relative;top:.08rem;display: inline-block;width: .3rem;height: .3rem;background: url("../images/m_icon_05.png") no-repeat center;background-size: 100%!important;}
.m_pop2_main .d4 label input:checked + span{background: url("../images/m_icon_5.png") no-repeat center}
.m_pop2_main .d5{margin-top: .6rem;margin-bottom: .5rem}
.m_pop2_main .d5 .submit{width: 50%;height: 40px;border-radius: 25px;background: #0095e2;color: #FFF;border: none; margin:0 auto}
.m_pop2_mask{width: 100%;height: 100%;left: 0;top:0;position: absolute;z-index: 10000012}
.bv{
	height:60px!important;
	line-height:160%!important;
}
/**********视频列表*******/
.video{
	width:100%;
	clear:both;
	overflow:hidden;
}
.video li{
	float:left;
	width:100%;
	margin-bottom:20px;
	position:relative;
}
.video li .balckbg{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.video li .vtubiao{
	width:50px;
	height:50px;
	position:absolute;
	background:url(../../../images/videoicon.png) no-repeat;
	background-size:50px;
	z-index:3;
	left:50%;
	margin-left:-25px;
	top:50%;
	margin-top:-25px;
	opacity:0.8;
}
.video li:hover .vtubiao{
	opacity:1;
}
.video li img{
	display:block;
}
.video li p{
	position:absolute;
	top:80%;
	color:#FFF;
	width:100%;
	text-align:center;
	z-index:4;
}
/*******图片****/
.m_center2{
	width:100%;
	clear:both;
}
.m_center2 li{
	width:100%;
	margin-bottom:10px;
	position:relative;
}
.m_center2 li img{
	width:100%;
	display:block;
	border:#e0e0e0 1px solid;
}
.orico_active_icon{
	text-align:center;
	line-height:50px;
	height:50px;
	overflow:hidden;
}
/****产品*******/
.productlist{
	clear:both;
	width:100%;
	padding:0 15px;
	overflow:hidden;
}
.productlist li{
	float:left;
	width:100%;
	margin-right:30px;
	border:#e0e0e0 1px solid;
	background:#FFF;
	padding-top:30px;
	margin-bottom:30px;
	transition: all linear 0.3s;
	position:relative;
}
.m_center2 li{
	position:relative;
}
.m_center2 li a{
	display:block;
}
.productlist li .shuiyin,.swiper-wrapper .shuiyin, .m_center2 .shuiyin{
	width:100%;
	height:100%;
	background:url(../images/shuiyin.png) no-repeat center center;
	position:absolute;
	z-index:99999
}
.productlist li:nth-child(3n){
	margin-right:0;
}
.productlist li:hover{
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	box-shadow:0 15px 15px rgba(0,0,0,.15);
}
.productlist li .proimg{
	position:relative;
	overflow:hidden;
	clear:both;
	width:100%;
	margin-top:20px;
}
.productlist li img{
	width:100%;
	transition: all linear 0.3s;
	display:block;
}
.productlist li:hover .proimg img{
    -moz-transform:scale(1.1);
    -webkit-transform: scale(1.12);
    transform:scale(1.1);
}
.productlist .type {
	font-size:15px;
	line-height:120%;
	color:#999;
	margin-bottom:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0px 20px;
	text-align:center;
}
.productlist .name {
	line-height:0.5em;
	height:0.5em;
	border-bottom:1px solid #eee;
	position:relative;
	margin:10px 15px 0px 15px;
	text-align:center;
	
}
.productlist .name span {
	background:white;
	display:inline-block;
	text-align:center;
	padding:0px 25px;
	color:#000;
	height:1em;
	line-height:1em;
	font-size:16px;
}
.viewmore{
	background:url(../images/zoom.png) no-repeat 30% #2E4B62;
	background-size:16px 20px;
	width:100%;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}
.viewmore:hover,.productlist li:hover .viewmore{
	background:url(../images/zoom.png) no-repeat 30% #E35F13;
	background-size:16px 20px;
}
.viewmore a{
	color:#648397;
}
.viewmore:hover a,.productlist li:hover .viewmore a{
	color:#FFF;
}
/******留言******/
input.form-control::-webkit-input-placeholder{
	color:#666;
}
input.form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#666;
}
input.form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#666;
}
input.form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#666
}

textarea.form-control::-webkit-input-placeholder{
	color:#666;
}
textarea.form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#666;
}
textarea.form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#666;
}
textarea.form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#666;
}
.form-control{
	color:#2F2725;
}

.form-control{
	width: 100%;
	color:#2F2725; 
	margin-bottom:10px; 
	padding:10px 20px
}
.form-control{
	border:0;
	border-bottom:#CCC 1px solid;
	width: 100%;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0); 
	margin-bottom:30px; 
	padding:15px 20px 15px 0;
	color:#424242;
	font-family:arial;
	outline:none;
	font-size:16px;
}
.form-group{
	width:50%;
	float:left;
	padding-left:0px;
}
.row {
	margin-right:0px;
	margin-left:0px;
	margin-top:15px;
}
.row:before, .row:after {
	display:table;
	content:" "
}
.row:after {
	clear:both
}
.row:before, .row:after {
	display:table;
	content:" "
}
.row:after {
	clear:both
}
.col-xs-12 {
	width:100%
}