/*子页面banner*/
.page_banner {overflow: hidden;position: relative;padding:120px 0;color: #fff;line-height: 45px;}
.banner_news {background: url(../images/banner_news.jpg) center right no-repeat;}
.banner_lxwm {background: url(../images/banner_lxwm.jpg) center right no-repeat;}
.banner_case {background: url(../images/banner_case.jpg) center right no-repeat;}
.banner_company {background: url(../images/banner_company.jpg) center right no-repeat;}
.banner_honor {background: url(../images/banner_honor.jpg) center no-repeat;}
.banner_product {background: url(../images/banner_product.jpg) center right no-repeat;}
.page_banner .container{position: relative;}
.page_banner .container:after{width: 1200px;height: 1200px;border-radius: 100%;content: '';position: absolute;background: #323e4a;opacity: .7;left:-630px;top:50%;transform: translateY(-20%);z-index: 1;}
.page_banner .container:before{width: 1200px;height: 1200px;border-radius: 100%;content: '';position: absolute;background: #323e4a;opacity: .5;left:-750px;top:50%;transform: translateY(-50%); z-index: 2;}
.page_banner .container .box{position: relative;z-index: 3;}
.page_banner h3 {font-size: 48px;font-weight: lighter;}
.page_banner p {font-size: 20px;}

.nopadding{padding-left: 0px;padding-right: 0px;}
.padding_right{padding-right: 20px;}
.padding_left{padding-left: 20px;}


/*.page_banner .banner_font{ z-index: 1; position: absolute; left: 0; top:0; width: 100%; padding: 7% 0 0;}
.page_banner .container{position: relative;}
.page_banner .container:after{width: 1200px;height: 1200px;border-radius: 100%;content: '';position: absolute;background: #1b6eda; opacity: .6;left:-630px;top:50%;transform: translateY(-20%);z-index: 1;}
.page_banner .container:before{width: 1200px;height: 1200px;border-radius: 100%;content: '';position: absolute;background: #1b6eda; opacity: .4;left:-750px;top:50%;transform: translateY(-50%); z-index: 2;}
.page_banner .container .box{position: relative;z-index: 3;}
.page_banner h3 {font-size: 36px;font-weight: lighter;}
.page_banner p {font-size: 16px;}
*/



#allmap{
	height: 650px;
	padding-left:0;
	padding-right:0;
}

.maptext{position: absolute;top:90px;left:257px;width: 516px;height: 374px;background-color: #fff;padding:60px 45px 30px;}

.maptext .item-caption{font-size: 30px;
    letter-spacing: 1px;
    font-weight: 700;
	line-height: 1.4px;
	}
.maptext .item-inner{
	    margin-top: 60px;
		}
.maptext .item-address{
    width: 100%;
    margin-bottom: 30px;
	}
.maptext .item-inline{
	float: left;
	width: 50%;
	margin-bottom: 30px;
	    font-weight: 300;
	}
.maptext .item-txt
	{
	    color: #8A8A8A;
	}
	
.maptext .item-title{
	    font-size: 14px;
	    letter-spacing: 1px;
	    font-family: "Avenir-Medium";
	    color: #2145A8;
		}
	
.maps{
	padding-left:0;
	padding-right:0;
}

.contact3{
	padding-left:0;
	padding-right:0;
}


.no-goods{text-align: center;}

.mes-form {
  margin: 0 auto;
  overflow: hidden;
  margin-top: 3%;
}
.mes-form .form-tr {
  overflow: hidden;
}
.mes-form .form-tr input {
  display: block;
  width: 100%;
  padding: 0 2%;
  height: 4rem;
  line-height: 4rem;
  border: 1px solid #e6e6e6;
}
.mes-form .form-tr textarea {
  display: block;
  width: 100%;
  padding: 5px 10px;
  height: 130px;
  border: 1px solid #e6e6e6;
}
.mes-form .form-tr .code {
  overflow: hidden;
}
.mes-form .form-tr .code input {
  width: 40%;
  float: left;
}
.mes-form .form-tr .code .verify {
  cursor: pointer;
  float: left;
  margin-left: 25px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0;
}
.mes-form .form-tr .code .verify img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.mes-form .form-tr .submit {
  margin-top: 15px;
  display: block;
  width: 190px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #356bef;
  color: #fff;
  font-size: 15px;
}
.mes-form .form-tr .submit:hover {
  background: #0058b1;
}
.mes-form .form-tr .submit2 {
  margin-top: 15px;
  display: block;
  width: 100%;
  float: right;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #c40001;
  color: #fff;
  font-size: 15px;
  transition:0.3s;
}
.mes-form .form-tr .submit2:hover {
  background: #3d3d3d;
}
.mes-form .form-tr .error {
  height: 1rem;
  line-height: 1rem;
  font-size: 12px;
  color: #f00;
  padding: 0 5px;
}

/* 弹出二维码*/
.codemask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9990;
    display: none;
}
.alertcode {
    width:758px;
    height: 313px;
    background: url(../images/tcbg.jpg) no-repeat center;
    position: fixed;
    left:50%; margin-top: -156px; margin-left: -379px;
    top: 50%;
    z-index: 9999;
}
.codecolse {
    width:60px;
    height:60px;
    background:#000 url(../images/close.png) no-repeat center;
    position: absolute;
    right: -30px;
    top: -30px;
    border-radius: 50%;
    z-index: 9999; cursor: pointer;
}
.alertcodel{ width: 380px; height: 313px; float: left; }
.alertcodelimg{ text-align: center; margin-top: 13%;}
.alertcodel li{ float: left; width: 47%;}
.alertcodelimg img{ width: 50%; height: auto; }
.alertcodeltxt{text-align: center; font-size: 14px; color: #fff; margin-top: 10px; }
.alertcoder{ width:310px; overflow: hidden; float: right; margin-top: 60px; margin-right: 30px;}
.alertcoderp1{ height: 35px; line-height: 35px; font-size: 20px; font-weight: bold;}
.alertcoderp2{ line-height: 30px; font-size: 14px; color: #777777;background: url(../images/add.png) left 6px no-repeat;padding-left: 30px;}
.alertcoderp5{ line-height: 30px; font-size: 14px; color: #777777;background: url(../images/tel.png) left 6px no-repeat;padding-left: 30px;}
.alertcoderp3{ height: 30px; line-height: 26px; font-size: 14px; margin-top: 8px; color: #757575;}
.alertcoderp4{ height: 45px; line-height: 45px; margin-top: 10px; color: #c40001; background: url(../images/tctel.png) no-repeat left center; padding-left: 35px; font-size: 30px;  font-weight: bold; font-family:Arial;}
.tcimg1{ position: absolute; bottom: -26px; left: -167px; }

/*客服*/
.kf_online{ position: fixed; width:120px; right:20px; bottom: 50px; z-index:999;}
.kf_online .online_wrap{ background-color: #fff;box-shadow: 0px 2px 6px #eee;}
.kf_online .online_wrap ul{ border:1px solid #eeeeee; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.kf_online .online_wrap ul li{ height:46px; line-height: 46px; text-align: center; position: relative; cursor: pointer;}
.kf_online .online_wrap ul li a{ color: #666;}
.kf_online .online_wrap ul li i{font-size: 18px;margin-right: 5px;}
.kf_online .online_wrap ul li:not(:last-child){ border-bottom:1px solid #EEEEEE;}
.kf_online .online_wrap ul li .li-wrap{ position: relative; z-index:3;}
.kf_online .online_wrap ul li .li-hover{box-shadow: 0px 2px 6px #eee; opacity:0;  position: absolute;left: 0;height: 100%;margin: auto;top: 0;bottom: 0;width: 100%;	background: #fff;	border: 1px solid #eee; color: #666; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index:-1;}
.kf_online .online_wrap ul li.tel .li-hover{ width:180px;}
.kf_online .online_wrap ul li .li-hover::before{ position: absolute; content: ''; display: block; width:0; height:0; margin:auto; top: 0; bottom: 0; right: -20px; border:10px solid transparent; border-left-color: #f1f1f1;}
.kf_online .online_wrap ul li:hover{ background-color: #323e4a; color: #ffffff;}
.kf_online .online_wrap ul li:hover .li-hover{ left:-115%; opacity:1;}
.kf_online .online_wrap ul li.tel:hover .li-hover{ left:-165%; opacity:1;}
.kf_online .online_wrap ul li:hover a{ color: #fff;	}

/*子页面面包屑*/

.footernav{    background-color: #f6f7f9;
   /* background-image: linear-gradient(
135deg, #117adc 12%, #0821b1 50%, #0009b5 100%); */}
.footer-title{text-align: center;line-height: 165px;font-size: 30px;color: #000000;font-weight: 300;}
.footernav i{display: block;text-align: center;font-size: 65px;color: #767676;}
.footernav b{display: block;text-align: center;font-size: 17px;line-height: 62px;}
.footernav p{display: block;text-align: center;font-size: 14px;line-height: 22px;padding-bottom: 45px;}

.inner-position{background-color: #5684ff;background-image: linear-gradient(160deg, #080dff 0%, #80D0C7 100%);position: relative;overflow: hidden;}
.inner-position .cname{color: #ffffff;padding: 7%; font-size:40px; float: left; text-align: center;letter-spacing: 1px;
    line-height: 1.7;font-weight: 500;position: relative; z-index: 100;}
.inner-position .position{color: #fdfafa;;font-size: 14px;position: relative;text-align: right;float: right;padding-top: 60px;position: relative; z-index: 100;}




.inner-position .position a{font-size: 14px;color:#fdfafa;padding:0 5px;}
.inner-position .position a:hover{color: #323e4a;}
@media screen and (max-width:1200px){
 
 
	.padding_50 {padding-top:0;padding-bottom: 0;}
  .zy_boxs{background: #f5f7f9;padding:40px;    overflow-y:inherit!important;
      height: auto!important;;}
}
/*搜索*/
.zy_search_form{width: 100%;margin-bottom: 15px;}
.zy_search_form #search_name{ width: 80%; height: 44px; line-height: 44px; float: left;border:solid 1px #e7e7e7;border-top-left-radius: 5px;border-bottom-left-radius: 5px; outline: none; color: #999999;font-family: "微软雅黑"; font-size: 12px;background: #fff url(../images/search.png) 10px center no-repeat;text-indent: 40px;}
.zy_search_form #button{ width: 20%; height: 44px; line-height: 44px;background: #c40001; float: right;border-top-right-radius: 5px;border-bottom-right-radius: 5px; cursor: pointer;color: #fff;font-size: 14px;text-align: center; border:none;outline: none;}

/*热门标签*/
.zy_tit{line-height: 25px;text-indent: 18px;color: #333;font-size: 16px;position: relative;margin-bottom: 15px;}
.zy_tit a{position: absolute;right: 0;top:0;text-align: right;color: #666;font-size: 13px;}
.zy_tit a:hover{color: #323e4a;}
.zy_tit:after{width: 3px;height: 20px;content:'';position: absolute;left:0;top:50%;transform: translateY(-50%);background: #1b6eda;}

/*侧边热门文章*/
.zy_hotnews .list{background: #fff;}
.zy_hotnews .list ul{padding:20px;}
.zy_hotnews .list li a{display: flex;}
.zy_hotnews .list li a h4{flex:0 0 70%;line-height: 35px;text-indent: 15px;color: #333;font-size: 14px;}
.zy_hotnews .list li a h4:after{width: 4px;height: 4px;background: #323e4a; content: '';position: absolute;left:0;top:50%;transform: translateY(-50%);}
.zy_hotnews .list li a span{flex:0 0 30%;text-align: right;line-height: 30px;color: #666;font-size: 13px;}
.zy_hotnews .list li a dl{display: flex;}
.zy_hotnews .list li a dl dt{flex: 0 0 40%;}
.zy_hotnews .list li a dl dt img{width: 100%;}
.zy_hotnews .list li a dl dd>div{padding-left: 10px;}
.zy_hotnews .list li a dl dd h6{color: #333;font-size: 15px;line-height: 26px;}
.zy_hotnews .list li a dl dd i{font-style: normal;color: #666;font-size: 13px;}



.zy_box_info{
	background-color: #fff;
	padding:2%;
	border-radius: 10px;
}






/*侧边导航*/
.zy_sidebar .tit{line-height: 60px;color: #fff;font-size: 20px;text-indent: 25px;background: #1b6eda;}
.zy_sidebar .list{background: #fff;}
.zy_sidebar .list>ul{padding:20px;}
.zy_sidebar .list>ul>li{margin-bottom: 10px;}
.zy_sidebar .list>ul>li:last-child{margin-bottom: 0;}
.zy_sidebar .list>ul>li>a{display: block;background: #f6f6f6;color: #333;font-size: 15px;text-indent: 10px;line-height: 45px;transition: all .4s;}
.zy_sidebar .list>ul>li>a:hover{background: #1b6eda;color: #fff;}
.zy_sidebar .list>ul>li.on>a{background: #1b6eda;color: #fff;}
.zy_sidebar .list>ul>li>ul{display: none;}
.zy_sidebar .list>ul>li>ul>li>a{line-height: 45px;font-size: 16px;color: #333;padding-left: 30px;}
.zy_sidebar .list>ul>li>ul>li>a:hover{color: #c40001;}

.sub_menu{ margin-bottom: 10px;}
.sub_menu li{ background: none; border-bottom: 1px dashed #efefef; height: 40px; line-height: 40px; text-indent:50px; ;}

@media screen and (max-width:1200px){
  .zy_sidebar .list>ul>li>a{ font-size: 12px;}
}


.zy_sidebar .btnn{background: url(../images/index_product_bg1.jpg) no-repeat center top;line-height: 45px;color: #fff;font-size: 18px;}
.zy_sidebar .btnn h4{font-size: 30px;font-weight: bolder;}
.zy_sidebar .btnn a{display: inline-block;padding:0 50px;margin-top: 10px; border-radius: 5px;border:solid 1px #fff;color: #fff;font-size: 16px;transition: all .5s;line-height: 40px;}
.zy_sidebar .btnn a:hover{border-color: #323e4a;background: #323e4a;}
.zy_sidebar .btnn p{ font-size: 3rem; font-weight: bold;}
.zy_hotnews .list{background: #fff;}

/*内容区*/
.zy_boxs{background: #f5f7f9;padding:40px;    overflow-y: overlay;
    height: 557px;}
	
.zy_boxs{background: #f5f7f9;padding:40px;}
		
	
	
	
	
	
.zy_content{line-height: 35px;color: #333;font-size: 14px;}
.zy_content img{max-width: 100%;}
.zy_page{}
.zy_page i { font-size: 45px;}

.zy_page ul li{float:left;margin-right: 35px;}

.ab-explain__title{
	color: #2145A8;
	margin-bottom: 1.66667em;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.6;
}

.ab-explain__txt h5 {
    font-weight: 500;
}


/*新闻列表*/
.zy_news_ul li{ padding-top: 30px;padding-bottom: 30px;}
.zy_news_ul li a{display: block;width: 100%;height: 100%;
	-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 8%);
    box-shadow: 0 5px 10px rgb(0 0 0 / 8%);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);}
	
.zy_news_ul li a .img{width: 100%;height: 350px;overflow: hidden;}
.zy_news_ul li a .img img{width: 100%; transition: all 0.3s;}
.zy_news_ul li a .con{width: 100%;height: 320px;transition: all 0.3s;}

.zy_news_ul li a .con>*{
	color: #000000;
}
.zy_news_ul li a .con>div{
	padding:30px;
}

.zy_news_ul li a .more{
	margin-top: 25px;
	font-size: 14px;
} 
.zy_news_ul li a .con>div h4{font-size: 26px;
    letter-spacing: 1px;font-weight: 300;
    line-height: 1.46154;}
.zy_news_ul li a .time {font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.75;}
.zy_news_ul li a h4 {
	    margin-top: 1.5em;
	    height: 114px;
	    overflow: hidden;
	    word-break: break-all;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	}
	
.zy_news_ul li a:hover img{
	transform: scale(1.1)
}
.zy_news_ul li a:hover .con{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#507bff+0,4b3ec1+100 */
background: #507bff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #507bff 0%, #4b3ec1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #507bff 0%,#4b3ec1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #507bff 0%,#4b3ec1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#507bff', endColorstr='#4b3ec1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.zy_news_ul li a:hover .con>*{
	color: #fff;
}

.zy_news{padding:0 5%}
.zy_news .back i{color:#0b11ff;font-size: 12px;}
.zy_news .back {font-size: 12px;}

.zy_news_ul li a .con>div .info{margin:0 auto; line-height: 30px;color: #666;font-size: 14px;}
.zy_news_ul li a .con>div .info span{margin-right: 10px;}
.zy_news_ul li a .con>div .info i{color: #323e4a;font-size: 18px;margin-right: 6px;}
.zy_news_ul li a .con>div .detail{line-height: 30px;color: #999;font-size: 14px;}

/*新闻详情*/
.zy_news .tit{
    color: #000;
    line-height: 1.7;
    letter-spacing: 1px;
	font-size: 32px;
	padding-top:65px;
	}
	
.zy_news .tit span{
	font-size: 14px;
	margin-right: 60px;
}
.zy_news .tit span i{
	font-size: 14px;
	padding-right: 5px;
}
	
	
.zy_news .info{line-height: 22px; margin: 50px 0; font-size: 17px;text-align: center;font-weight: 300;}

.zy_news .info span{margin-right: 20px;}
.zy_news .info i{color: #323e4a;font-size: 18px;margin-right: 6px;}
.zy_news .details{font-weight: 300;line-height: 2.1875;
    letter-spacing: 1px;
    text-align: justify;font-size: 16px;}
.zy_news .details img{max-width: 100%; margin-bottom: 3%;}
.zy_news .picture{text-align: center;margin-bottom: 20px;}
.zy_news .picture img{max-width: 100%;}

/*资料下载*/
.zy_download li{padding:0 30px; border-bottom:1px solid #e6e6e6;border-left:none;border-right: none;}
.zy_download li dl{margin-bottom: 0;padding:30px 0;display: flex;}
.zy_download li dl dt{flex:0 0 60%;font-weight: normal;color: #333333;font-size: 16px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.zy_download li dl dt i{font-size: 20px;margin-right: 10px;color: #323e4a;}
.zy_download li dl dd{flex:0 0 40%;text-align: center;color: #323e4a;font-size: 16px;display: flex;}
.zy_download li dl dd .time,.zy_download li dl dd .down{flex: 1;position: relative;line-height: 40px;}
.zy_download li dl dd .time{color: #999999;font-size: 14px;}
.zy_download li dl dd .time:after{width: 1px;height: 20px;content: '';position: absolute;right: 0;top:50%;transform: translateY(-50%);background:#e5e5e5; }
.zy_download li dl dd .down{font-size: 16px;color: #323e4a;}
.zy_download li dl dd .down i{font-size: 20px;margin-right: 10px;}
.zy_download li dl:hover dt{color: #323e4a;}



/*产品列表*/

.zy_product ul{
	display: block;
	width: 100%;
	height: 100%;
}



.zy_product li{padding:0 10px;}
.zy_product li dl{border:1px solid #efefef;transition:all .3s;padding:10px;}
.zy_product dl dt{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.zy_product dl dt img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: all .5s;}
.zy_product dl dd{width:100%;margin:0 auto;text-align:center;margin-top: 10px;}
.zy_product dl dd h5>a{color:#333;transition:all .2s;font-size:14px;line-height: 28px;height: 28px; overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.zy_product dl dd p{color:#999;font-size:12px;line-height: 20px;margin-bottom: 15px;}
.zy_product dl dd div>a{display: inline-block;padding:0 20px;height:30px;line-height:30px;font-size:13px;border-radius:3px;transition:all .1s;margin:0 10px;margin-bottom: 10px;color: #fff;}
.zy_product dl dd div>a.del{background: #323e4a;}
.zy_product dl dd div>a.con{background: #1b6eda;float:right}
.zy_product li:hover dl{border-color:#1b6eda; background: #1b6eda;}
.zy_product li:hover h5>a{color:#fff !important;}
.zy_product li dd div>a:hover{background:#323e4a;color:#FFF;border-color:#323e4a}

/*产品详情*/
.inner-proinfo{}
.inner-proinfo .pic{width: 100%;height:440px;overflow: hidden;background-color: #fff;}
.inner-proinfo .infos{width: 100%;height: 440px;background-color: #fff;padding:30px;}
.inner-proinfo .p_l .pic img{max-width: 100%;max-height: 100%;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.inner-proinfo .p_l .swiper-container {width: 100%;}
.inner-proinfo .p_l .swiper-container .swiper-slide {text-align: center;}
.inner-proinfo .p_l .swiper-container .swiper-slide img{width: 100%;}
.inner-proinfo .p_l .swiper-button-prev,.inner-proinfo .p_l .swiper-button-next{line-height: 80px;height: 80px; ;background: none;width: 50px;text-align: center;background: rgba(209,0,9,.8)}
.inner-proinfo .p_l .swiper-button-prev i,.inner-proinfo .p_l .swiper-button-next i{color: #fff;font-size: 40px;}

.inner-proinfo .p_r h4{color: #3C7FB1;font-size: 30px;font-weight: bold;padding:5px 0 15px 0;line-height: 30px;}
.inner-proinfo .p_r h3{line-height: 1.5;margin-top: .4em;font-size: 17px;letter-spacing: 1px;font-weight: 700;color: #2A5677;}


.inner-proinfo .p_r .fulture a{display: inline-block;padding:0 20px;line-height: 30px;border-radius: 3px;border:solid 1px #fa331c;color: #666666;font-size: 14px;margin-right: 5px;margin-bottom: 5px;}
.parm{
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-bottom: 15px;

}
.parm span{
	display: block;
	width: 50%;
	float: left;
	color: #525252;
	font-size: 14px;
	line-height: 32px;
	border-bottom: 1px solid #efefef;
}
.parm i{
    font-size: 17px;
    padding-right: 10px;
    color: #ccc;
}

.inner-proinfo .p_r .con p{
	display: block;
	font-size: 14px;
	float: left;
	color: #6a6a6a;
	line-height: 32px;
	/* padding-right: 25px; */
	height: 96px;
	overflow: hidden;
}
.inner-proinfo .p_r .con{background: #fff;margin-top: 30px;height: auto;}
/* .inner-proinfo .p_r .con span{/* color: #c40001; */font-size: 16px;font-weight: bolder; font-weight: bold;} */
.inner-proinfo .p_r .con p{color: #808080;font-size: 14px;line-height: 34px;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow: hidden;margin-top: 8px;}
.inner-proinfo dl{margin-top: 20px;height:45px;}
.inner-proinfo dl dt{float: left;margin-right: 20px;}
.inner-proinfo dl dd{float: left;}
.inner-proinfo dl dt a{display: inline-block;font-weight: normal; padding:0 60px;color: #fff;background: #c40001;border-radius: 5px; line-height: 55px;font-size: 18px;}
.inner-proinfo dl dd a{height: 45px;display: inline-block; color: #666666;line-height: 45px;font-size: 17px;border:2px solid #c40001;border-radius: 15px;padding:0 15px;}
.inner-proinfo dl dd a i{font-style: normal; color: #c40001;font-size: 26px;}


.zy_recommend .prorecommend{background: #fff;padding:20px;}
.zy_recommend .prorecommend .swiper-container {width: 100%;}
.zy_recommend .prorecommend .swiper-container .swiper-wrapper{/* 通过改变animation-timing-function 制作弹性切换效果 */transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.zy_recommend .prorecommend .swiper-container .swiper-slide {display: block; text-align: center;}
.zy_recommend .prorecommend .swiper-container .swiper-slide .img{overflow: hidden;}
.zy_recommend .prorecommend .swiper-container .swiper-slide .img img{width: 100%;}
.zy_recommend .prorecommend .swiper-container .swiper-slide .txt{line-height: 50px;color: #666666;font-size: 16px;background: #f6f6f6;}
.zy_proform .proform{background: #fff;padding:20px 0;}
.zy_proform .proform .online-form input {display: block;width: 100%;padding: 0 9px;height: 38px;line-height: 38px;border: 1px solid #e6e6e6;background: #fff;margin-top: 10px;font-size: 14px;color: #666;}
.zy_proform .proform .online-form input.code {width: 120px;float: left;}
.zy_proform .proform .online-form a {display: block;}
.zy_proform .proform .online-form a.code {float: left;height: 42px;max-width: 100px;line-height: 42px;font-size: 0;text-align: center;margin-left:10px;margin-top: 10px;}
.zy_proform .proform .online-form a.code img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.zy_proform .proform .online-form textarea {display: block;font-size: 14px;color: #666;width: 100%;border: 1px solid #e6e6e6;background: #fff;height: 120px;margin-top: 10px;line-height: 30px;padding: 5px 9px;}
.zy_proform .proform .online-form .btn-box {width: 100%;overflow: hidden;margin-top: 10px;}
.zy_proform .proform .online-form .btn-box a{display: block;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;padding:0; color: #fff;background: #c40001;border:none; transition:0.3s;}
.zy_proform .proform .online-form .btn-box a:hover {background: #333;}
.inner-pro-nav{line-height: 60px;background:#f5f7fa;transition: all .4s;border-radius: 10px 10px 0 0;}
.inner-pro-nav ul{text-align: center;position: relative;left:30px}

.inner-pro-nav ul li{float: left;transition: all 0.3s;}

.inner-pro-nav ul li a{display: inline-block;
color: #3C7FB1;
font-size: 17px;
padding:0 50px;position: relative;transition: all .4s;font-weight: bold;
border-bottom: 2px solid transparent;transition: all 0.3s;}
.inner-pro-nav ul li:hover a{
border-bottom: 2px solid #3C7FB1;}

/* .inner-pro-nav ul li a:after{width: 0;height: 2px;background: #c40001; content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom:0;transition: all .4s;}
.inner-pro-nav ul li a:hover:after{width: 100%;}
.inner-pro-nav ul li.current a:after{width: 100%;} */
.inner-pro-nav.fix{position: fixed;left: 0;top:60px;line-height: 50px; right:0;background: rgba(40,44,53,.8);z-index: 10000000;-moz-box-shadow:2px 2px 5px #C7C7C7; -webkit-box-shadow:2px 2px 5px #C7C7C7; box-shadow:2px 2px 5px #C7C7C7;}
.inner-pro-nav.fix ul li a{color: #fff;padding:0 25px;}

.probox{}
.probox:last-of-type{background: none;}






.products{
	background-color: #f5f7f9;
	padding-top: 60px;
	
}

.products-type{
	background-color: #fff;
	overflow: hidden;
	
	margin: 30px 0;
	transition: all 0.5s linear;
	box-shadow: none;
	background-position: 0 0vh;
}

.products-type:hover{
	background-color: #fbfbfb;
	margin: 30px 0;
	}
	
	

.products-type::after{
	content: "";
	width: 0;
	height: 3px;
	background-color: #060aff;
	display: block;
	transition: all 0.5s ease-in;
}
.products-type:hover::after{
	width: 100%;
}

		
		


.products-type a{display: block;box-sizing: border-box;padding:0 15px}


.products-top{
	font-size: 20px;
    width: 100%;
    text-align: center;
	height: 117px;
	
    padding: 40px 40px 0 40px;

	}
.products-top h1{
	font-weight: 700;
	line-height: 1.4;
	margin: 15px 0;
	font-size: 17px;
	letter-spacing: 1px;
}
.pro-type{line-height: 35px;margin-top: 10px;}
.products-top h4{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.85714;
	}
.products-bootom{
	
}

.pro-img{
	height: 100%;
}
.products .col-lg-8:nth-of-type(1)  img{
	width: 46%;
}
.products .col-lg-8:nth-of-type(3)  img{
	width: 46%;
}
.products-bootom .pro-img img{
	display: block;transition: all 0.6s;
	margin:0 auto;
	max-height: 100%;
	max-width: 100%;
}


.products-type .pro-more{

	overflow: hidden;

	font-size: 12px;
	color: #000;
	padding-top: 20px;
	display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight: 300;
}




.products-type .pro-img:hover img{
	transform: scale(1.1);
}

.pro-more span{
	display: block;
	float: left;
	border:1px solid #ccc;
	margin-right: 10px;
	margin-left: 10px;
	margin-top:10px;
	line-height: 32px;
	font-size: 14px;
}

	

.types li{list-style: none;display: block;line-height: 27px;}
.types li span{font-size: 12px;font-weight: 300;color: #0509ff;}
.types li i{margin-right: 20px;font-size: 12px;color: #112d4e;white-space:nowrap}
.types li i a{color: #000;}







.probox_tit{color: #3C7FB1; font-size: 23px;margin-bottom: 20px; padding-left: 20px;margin-top: 20px;font-weight: bold;}
.probox_tit i{padding-right: 5px;}
.zy_box .padding_50{padding:10px 0;}



.probox_con{font-size: 15px;color: #555555;line-height: 30px; padding: 0 20px;}
.probox_con strong{font-size:17px;}
.probox_con img{width:auto; max-width: 100%;height:auto!important;}


.pronews .swiper-container {width: 100%;}



.proxgcp .swiper-container {width: 100%;}
.proxgcp .swiper-container .swiper-slide .img{width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; border:solid 1px #f6f6f6;}
.proxgcp .swiper-container .swiper-slide .img a>img{width: 100%; height: 100% !important; object-fit: cover; padding: 0; left: 0; position: absolute; text-align: center;}

.proxgcp .swiper-container .swiper-slide .img .ico{position: absolute;left: 0;bottom:0;right: 0; background: rgba(50,62,74,.8);padding:5px 10px;}
.proxgcp .swiper-container .swiper-slide .img .ico li{width: 30%;float: left;color: #fff;font-size: 14px;}
.proxgcp .swiper-container .swiper-slide .img .ico li:first-child{width: 70%;}
.proxgcp .swiper-container .swiper-slide .img .ico li:first-child img{margin-right: 5px;}
.proxgcp .swiper-container .swiper-slide .img .ico li img{width: 25px;display: inline-block;}
.proxgcp .swiper-container .swiper-slide .txt a{padding:0px 20px;background: #f6f6f6;display: block;color: #333333;font-size: 14px;line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: pre; text-align: center; transition: 0.3s;}
.proxgcp .swiper-container .swiper-slide:hover .txt a{ color: #fff; background: #1b6eda;}

.prostrength li{padding:0 10px;margin-bottom: 20px;text-align: center;}
.prostrength li .img{border-radius: 10px;overflow: hidden;}
.prostrength li .img img{width: 100%;}
.prostrength li .txt{line-height: 40px;color: #999;font-size: 16px;}
.pronews li a{line-height: 70px;border-bottom:solid 1px #eaeaea;display: flex;}
.pronews li a h4{flex: 0 0 73%;color: #666666;font-size: 15px;line-height: 70px;overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;}
.pronews li a span{flex: 0 0 26%;line-height: 70px;text-align: right;}
.pronews li a span i{ font-style: normal; display: inline-block;background: url(../images/time.png) left center no-repeat;padding-left:20px;color: #999999;font-size: 14px;}
@media screen and (max-width:1200px){
  .pronews li a span i{ background: none; padding: 0;}
  .pronews li a span{flex: 0 0 30%; font-size: 12px;}
  .pronews li a h4{flex: 0 0 70%;}
}
@media screen and (max-width:1440px){
  .pronews li a span i{ font-size: 12px;}
}




/*工程案例*/
.zy_case li{padding:0 10px;}
.zy_case li a{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f9f9f9;
}



.zy_case li dl{transition:all .3s;padding:10px;}



.zy_case dl dt{width:100%;height:0;padding-bottom: 75%;position: relative;margin:0 auto;}
.zy_case dl dt img{max-width:100%;max-height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition: all .5s;}
.zy_case dl dd{width:100%;margin:0 auto;}
.zy_case dl dd h5{color:#333;transition:all .2s;font-size:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight: 300;text-indent: 2em;line-height: 62px;}


.zy_case li:hover dl::after {
	width: 100%;
}


.zy_case li dl::after {
    content: "";
    width: 0;
    height: 3px;
    background-color: #060aff;
    display: block;
    transition: all 0.5s ease-in;
}

.zy_case li:hover dl{
    box-shadow: 0px 18px 25px rgb(0 0 0 / 8%);
}



.zy_case dl dd em{display: block;width: 27px;height: 2px;margin-top: 5px;background: #323e4a;}
.zy_case dl dd p{line-height: 25px;color:#666;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0;}
.zy_case li:hover dl{border-color:#323e4a}
.zy_case li:hover h5>a{color:#323e4a}
.casebtnn li{margin:20px auto;}
.casebtnn li a{display: block;width: 100%;line-height: 84px;background: #323e4a;color: #fff;font-weight: bold;font-size: 20px;}


/*案例详情*/
.zy_caseinfo dl{border:10px solid #EEF1FA;padding:30px 60px;margin-bottom:0;background: #fff;box-sizing: border-box;}
.zy_caseinfo dl dt{font-weight: bold;font-size: 22px;color: #333;text-align: center;}
.zy_caseinfo dl dd li{color: #666;font-size: 14px;line-height: 32px;float: left;width: 50%;}
.zy_caseimg{margin:20px auto;}
.zy_caseimg .swiper-container {width: 100%;}
.zy_caseimg .swiper-container .swiper-slide {text-align: center;}
.zy_caseimg .swiper-container .swiper-slide img{width: 100%;}
.zy_caseimg  .swiper-button-prev,.zy_caseimg .swiper-button-next{line-height: 80px;height: 80px; ;background: none;width: 50px;text-align: center;background: rgba(209,0,9,.8)}
.zy_caseimg  .swiper-button-prev i,.zy_caseimg .swiper-button-next i{color: #fff;font-size: 40px;}

/*合作伙伴*/
.zy_partner li{padding:0 10px;text-align: center;}
.zy_partner dl dt{width:100%;height:0;padding-bottom: 55%;position: relative;margin:0 auto;border:solid 2px#eee;box-sizing: border-box;}
.zy_partner dl dt img{max-width:100%;max-height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition: all .5s;}
.zy_partner dl dd{width:100%;margin:0 auto;margin-top: 10px;}
.zy_partner dl dd h5{color:#333;transition:all .2s;font-size:18px;font-weight: bold;line-height: 28px;height: 28px; overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.zy_partner li:hover h5{color:#323e4a}

/*专家团队*/
.zy_team li{padding:0 10px;margin-bottom: 15px;}
.zy_team li div{width: 100%;padding: 30px 19px;text-align: center;transition: all 0.3s;box-shadow: 0 0 15px rgba(0, 0, 0, 0);border-bottom: #DDDDDD solid 1px;transition: all 0.3s;}
.zy_team li div a:first-of-type{width: 100%;display: block;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.zy_team li div a:first-of-type img {max-width: 100%;max-height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.zy_team li div h4 {display: block;width: 100%;height: 30px;margin: 0;font-size: 16px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;padding: 0;margin-top: 10px;}
.zy_team li div span {display: block;width: 100%;line-height: 25px;color: #999;font-size: 12px;height: 25px;overflow: hidden;}
.zy_team li div .btn {display: inline-block;padding:0 20px; height: 30px;line-height: 30px;color: #fff;background: #323e4a;margin: 10px auto 0 auto;font-size: 12px;}
.zy_team li:hover div{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);background: #FFFFFF;transform: translateY(-15px);}
.zy_team li:hover div h4{color: #323e4a;}

/*常规图片列表*/
.zy_pic li{padding:0 10px;}
.zy_pic li dl{border:1px solid #efefef;transition:all .3s;padding:10px;text-align: center;}
.zy_pic dl dt{width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.zy_pic dl dt img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.zy_pic dl dd{width:100%;margin:0 auto;margin-top: 10px;color:#333;font-size:14px;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.zy_pic dl dd a{color:#333;transition:all .2s;font-size:14px;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.zy_pic li:hover dl{border-color:#1b6eda; background: #1b6eda;}
.zy_pic li:hover dd a,.zy_pic li:hover dd{color:#fff !important;}

/*contact css*/
.zy_contact1{padding:0 0 20px;}
.zy_contact1 dl{background-color: #f6f6f6;display: flex;}
.zy_contact1 dl dt {flex:0 0 20%;border-right: 1px dashed #ccc;background-color: #1b6eda;}
.zy_contact1 dl dt div{padding:20px;text-align: center;}
.zy_contact1 dl dt div img {max-width: 100%;}
.zy_contact1 dl dd div{padding:40px 20px;}
.zy_contact1 dl dd h4 {font-size: 20px;color: #333;overflow: hidden;}
.zy_contact1 dl dd p {font-size: 15px;color: #333;line-height: 30px;overflow: hidden;margin-top: 15px;}
.zy_contact2{ border:solid 1px #f1f1f3; padding: 10px 20px 20px;}
.zy_contact2 .tit{color: #333;font-size: 30px;margin-bottom: 20px;}
.zy_contact2_l{flex:0 0 100%;}
.zy_contact2_r{flex:0 0 40%;}
.zy_contact2_r img{width: 100%;}
.zy_contact2_l .item{color: #2b2b2b;font-size: 16px;}
.zy_contact2_l .item ul{padding:0 30px;padding-bottom: 20px;}
.zy_contact2_l .item li{color: #333;font-size: 16px;line-height: 50px;text-indent: 65px;margin-top: 15px;background-repeat: no-repeat;background-position: left center;}
.zy_contact2_l .item li.icon_lilnkman{background-image: url(../images/lxwm_lxr.png);}
.zy_contact2_l .item li.icon_tel{background-image: url(../images/lxwm_tel.png);}
.zy_contact2_l .item li.icon_email{background-image: url(../images/lxwm_email.png);}
.zy_contact2_l .item li.icon_add{background-image: url(../images/lxwm_add.png); padding-left: 65px; text-indent: 0; line-height: 25px;}
.zy_contact2_l p{color: #000;font-size: 16px;line-height: 40px;margin-top: 20px;}
.zy_contact3 .tit{color: #333;font-size: 30px;margin-bottom: 20px;text-indent: 15px;}
.zy_contact3 li{margin-top:25px; height: 100%; overflow: hidden;}
.G_InputText{width: 100%; height:40px;line-height:40px;border:3px solid #dedede;padding:0px 10px;border-radius: 2px;outline: none;border-radius: 10px;}


.G_InputText:hover{ border:3px solid #060aff; }
.G_InputText:focus { border:3px solid #060aff; }
.G_captcha{width:120px;height:40px;line-height:40px;border:1px solid #dedede;padding:0px 10px;border-radius: 2px;outline: none;margin-right: 5px;}
.G_captcha:hover{ border:1px solid #060aff; }
.G_textarea{width: 100%; height:150px;line-height:30px;border:3px solid #dedede;padding:0px 10px;border-radius: 2px;outline: none;border-radius: 10px;}
.G_textarea:hover{ border:3px solid #060aff; }
.G_textarea:focus { border:3px solid #060aff; background-color: #fff;}



.zy_contact3 li .code img{height: 40px;}
.G_But{display: inline-block; padding:0 50px; width: 100%; float: right; height:40px;line-height:40px;background:#2145a8;border-radius:2px;text-align:center;color:#FFF;cursor:pointer;margin:0 auto;transition: all 0.3s;outline: none; border: 0px;font-size: 16px;}
.G_But:hover{background:#1b6eda;color:#FFF;}
.zy_contact4 .tit{color: #333;font-size: 30px;margin-bottom: 20px;}
.zy_contact4 .contact-map {width: 100%;position: relative;}
.zy_contact4 .contact-map #dituContent {width: 100%;height: 450px;border:solid 10px #f3f7fa;border-radius: 30px;box-sizing: border-box;}
#contact3 {width: 100%;position: relative;}






@media (max-width: 1400px){
  .zy_contact2_l .item li,.zy_contact2_l p{ font-size: 14px;}
}

/*招聘*/
.job_notice .tit{line-height: 30px;height: 30px;margin-bottom: 15px;}
.job_notice .tit span{font-size: 18px;color: #40434B;font-weight: 400;}
.job_notice .tit a{font-size: 16px;color: #40434B;}
.job_notice .list{border-left:15px solid #8cc152;box-shadow: 0 0 8px 2px rgba(243, 243, 245, .85);border-radius: 3px;}
.job_notice .list ul{ padding:10px 0; margin-left: 5px;}
.job_notice .list li{font-size: 16px;padding:10px 15px;line-height: 20px;color: #40434b;}
.job_notice .list li >*{float: left;}
.job_notice .list li p{display: inline-block;margin:0;width: calc(100% - 9rem);overflow: hidden;white-space: pre;text-overflow: ellipsis;}
.job_notice .list li p i{width: 3rem;height: 17px;background-size:100% 100%;margin-bottom: -3px;display: inline-block;margin-left: 3px;}
.job_notice .list li span{width: 9rem;text-align: right;display: inline-block;font-size: 14px;color: #666;}
.job_notice .list li:after{clear: both;}
.job_list .tit{line-height: 30px;height: 30px;margin-bottom: 15px;}
.job_list .tit span{font-size: 18px;color: #40434B;font-weight: 400;}
.job_list .tit a{font-size: 16px;color: #40434B;}
.job_list .list{border-left:15px solid #323e4a;box-shadow: 0 0 8px 2px rgba(243, 243, 245, .85);border-radius: 3px;}
.job_list .list ul{ padding:10px 0; margin-left: 5px;}
.job_list li{padding:10px 15px;color: #40434b;font-size: 16px;line-height: 20px;display: flex;}
.job_list li.t{font-weight: bold;}
.job_list li div{flex: 1;}
.job_list li div:nth-of-type(2){flex: 0 0 50%;}
.job_list li a:hover{color: #e80000;}

/*招聘详情*/
.jobs-info {margin-bottom: 20px;border-bottom: 1px dashed #ededed;}
.jobs-info .h3 {overflow: hidden;margin-bottom: 15px;display: flex;}
.jobs-info .h3 .job-name {font-weight: bold;font-size: 20px;color: #333333;flex: 1;}
.jobs-info .h3 .job-price {flex: 1;font-weight: bold;font-size: 24px;color: #323e4a;line-height: 1.1;text-align:right;}
.jobs-info .h3 .job-price em {font-weight: normal;font-size: 16px;}
.jobs-info .p {font-size: 14px;color: #999999;line-height: 20px;margin-bottom: 10px;}
.jobs-info .p span {color: #595959;}
.jobs-info .btnn {padding-top: 10px;overflow: hidden;padding-bottom: 20px;}
.jobs-info .btnn a {display: inline-block;padding:0 50px; height: 44px;text-align: center;line-height: 44px;color: #fff;background: #323e4a;font-size: 14px;}
.jobs-info .btnn a:hover {background: #ff8a00;}
.jobs-info-content p {font-size: 15px;color: #333;line-height: 35px;}


/*应聘表单*/
.job-apply table{border:1px solid #e0e0e0;}
.job-apply table::before{content: inline-block!important;}
.job-apply table tr td{ padding:10px;line-height: 25px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 14px; color: #666; }
.job-apply table tr td:nth-child(2){color: #333;}
.job-apply table tr td i{font-style: normal;font-size: 12px; color: #666;}
.job-apply table tr:first-child td{ color: #fff; text-align: center; background: #323e4a; font-size: 16px;}
.job-apply table tr:nth-child(2) td{ color: #333; font-size: 14px;}
.job-apply table tr.table-subtitle td{color: #fff;background: #323e4a;}
.job-apply table tr td input{border:solid 1px #ccc;text-indent: 10px;line-height: 25px;}
.job-apply table tr td img{height: 30px;}
.job-apply table tr td select{border:solid 1px #ccc;line-height: 25px;}
.job-apply table tr td #name{color: #999999;}
.job-apply table tr td select.txt_select{width: 20%;}
.job-apply table tr td select.txt_select_10{width: 13%;}
.job-apply table tr td select.txt_select_50{width: 50px;}
.job-apply table tr td input.txt_input_20{width: 22%;}
.job-apply table tr td input.txt_input_30{width: 30%;}
.job-apply table tr td input.sex_input{width: 20px;}
.job-apply table tr td textarea{width: 80%;min-height: 100px;}
.job-apply table tr td a.submit{display: inline-block; padding:0 30px;cursor: pointer;color: #fff;background: #323e4a;line-height: 35px; text-align: center;outline: none;border:none;}
.job-apply table tr td a.submit:hover{background: #ff8a00;}


/*营销服务*/
.inner_service_01 .row{background: #f2f2f2 url(../images/service_map.png) right bottom no-repeat;padding-bottom: 80px;}
.inner_service_01 .row .box{background: #1c2b4a; padding:40px;color: #fff;display: inline-block;width: 430px;}
.inner_service_01 .row .box h4{font-size: 30px;color: #fff;font-weight: bolder;}
.inner_service_01 .row .box p{font-size: 16px;line-height: 25px;margin:25px 0;}
.inner_service_01 .row .box a{ display: inline-block;line-height: 40px;padding:0 30px;color: #253036;font-size: 14px;background: #f5faf0; transition: all .4s;}
.inner_service_01 .row .box a i{font-size: 12px;padding-left: 6px;}
.inner_service_01 .row .box a:hover{background: #2d3037;color: #fff;}
.inner_service_01 .row .network-tel{background: url(../images/network-tel.png) left center no-repeat;padding-left: 85px;line-height: 35px;color: #263035;font-size: 16px;margin-top: 40px;margin-left: 40px;}
.inner_service_01 .row .network-tel span{color: #fa331c;font-size: 42px;font-weight: bolder;}
.inner_service_02 li a{display: block; border:solid 1px #eeeeee;padding:0 20px;padding-bottom: 70px;margin-top: 20px;}
.inner_service_02 li a .tit{text-align: center;}
.inner_service_02 li a .tit span{display: inline-block;padding:0 30px;background: #fff;position: relative;top:-15px;line-height: 30px;color: #1c2b4a;font-size: 18px;}
.inner_service_02 li a .img{margin-top:25px;position: relative;}
.inner_service_02 li a .img>img{width: 100%;}
.inner_service_02 li a .img>span{width: 56px;height: 56px;border-radius: 100%;background: #102543;position: absolute;left: 50%;margin-left: -28px;bottom:-28px;display: block;}
.inner_service_02 li a .txt{margin-top: 45px;color: #666666;line-height: 30px;font-size: 14px;padding:0 40px;text-align: center;}
.inner_service_03 li dl{background: #f5f5f5;padding:30px;margin-top: 10px;}
.inner_service_03 li dl dt{width: 30%;float: left;}
.inner_service_03 li dl dt img{width: 100%;}
.inner_service_03 li dl dd{width: 65%;float: right;}
.inner_service_03 li dl dd p{line-height: 30px;}
.inner_service_03 li dl dd p{color: #333;font-size: 16px;height: 60px;}
.inner_service_03 li dl dd a{display: inline-block;padding:0 30px;line-height: 30px; border:solid 1px #fa331c;color: #fa331c;margin-top: 15px;border-radius: 3px;}


/*honor css*/
.honor_txt{line-height: 35px;color: #666;font-size: 16px;margin-bottom: 30px;}
.honor_thread{width: 100%;height: 26px;background: #f3f3f3;margin:0 auto;margin-bottom: 30px;}
.zzry-ul .item{margin-bottom: 10px;padding:0 10px;}
.zzry-ul .item dt{overflow: hidden;}
.zzry-ul .item dt img{width: 100%;transition:2.5s all;}
.zzry-ul .item:hover img{transform: scale(1.06);opacity: 0.5}
.zzry-ul .item dd{width: 80%;height: 25px; margin: 0 auto;position: relative;}
.zzry-ul .item dd h4{width: 100%;height: 50px;line-height: 50px;background: #f5f5f5;text-align: center; transition: all .4s; color: #666666;font-size: 14px; position: absolute;left: 0;bottom:0;-moz-box-shadow:0px 4px 5px #d3d7db; -webkit-box-shadow:0px 4px 5px #d3d7db; box-shadow:0px 4px 5px #d3d7db;}
.zzry-ul .item:hover dd h4{background: #fa331c;color: #fff;}


/*case css*/
.case-tit{color: #4a4a4a;font-size: 26px;line-height: 50px;margin-bottom: 30px;}
.case-tit a{color: #4a4a4a;font-size: 26px;}
.case-thread{width: 100%;height: 26px;background: #f3f3f3;margin:0 auto;margin-bottom: 30px;}
.case-more{text-align:center;}
.case-more a{display: inline-block;padding:0 40px;line-height: 45px;background: #f3f3f3;color: #333;font-size: 16px;border-radius: 30px;transition: all .4s;margin-bottom: 40px;}
.case-more a:hover{background: #fa331c;color: #fff;}
.case-ul .item{margin-bottom: 10px;padding:0 10px;}
.case-ul .item dl{padding-bottom: 23px;border-bottom:1px solid #E9E9E9;position: relative;top:0;transition: all .3s ease-in-out 0s;}
.case-ul .item dl:after{width: 0;height: 1px;background:#fa331c;content: '';position: absolute;left: 0;bottom:-1px;transition: all .4s;}
.case-ul .item dt{overflow: hidden;}
.case-ul .item dt img{width: 100%;}
.case-ul .item dd p{margin:25px 0 8px;line-height: 25px;color: #555353;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.case-ul .item dd span{line-height: 20px;color: #adadad;font-size: 14px;}
.case-ul .item dl:hover{top:-15px;}
.case-ul .item dl:hover:after{width: 100%;}


/*量身定制*/
.dz_tit p{color: #333;font-size: 20px;font-weight: bolder;line-height: 35px;margin-bottom: 10px;}
.dz_tit p b{color: #1b6eda;}
.dz_tit span{display: inline-block;color: #fff;background: #1b6eda;padding:5px 30px;font-size: 20px;line-height: 35px;}
.dz_tip ul li{margin-bottom: 5px;}
.dz_tip ul li:nth-child(odd) .item{position: relative;}
.dz_tip ul li:nth-child(odd) .item:after{width: 1px;height: 50px;position: absolute;right: 20px;top:0;background: #e3e3e3;content: '';}
.dz_tip ul li:nth-child(odd) .item:nth-of-type(3):after{background: none;}
.dz_tip ul li:nth-child(odd){background: #f5f5f5;}
.dz_tip ul li p{color: #7c7c7c;font-size: 16px;line-height: 50px;}
.dz_tip ul li p span{color: #333333;}
.dz_form .tit{background: url(../images/dz_ico.png) left center no-repeat;line-height: 30px;color: #999999;font-size: 14px;padding-left: 35px;}
.dz_form .tit span{display: inline-block;padding:0 10px;color: #fff;background: #1b6eda;font-weight: bolder;border-radius: 30px;font-size: 18px;margin-left: 10px;}
.dz_form li{padding-top:25px; height: 100%; overflow: hidden;}
.dz_form li .code img{height: 40px;}
.zs_list li{margin-bottom: 35px;text-align: center;}
.zs_list li .icon{width: 95px;height: 95px;text-align: center;margin:0 auto;line-height: 75px;position: relative;}
.zs_list li .icon:after{width: 110px;height: 110px;content: '';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);border-radius: 100%;background: rgba(211,28,39,.3);}
.zs_list li .icon .img{width: 95px;height: 95px;border-radius: 100%;background: #d31c27;text-align: center;margin:0 auto;line-height: 75px;position: relative;z-index: 2;}
.zs_list li .icon .img img{display: inline-block;vertical-align: middle;}
.zs_list li .txt{margin-top: 30px;height: 120px;}
.zs_list li .txt p{padding:0 20px; line-height: 40px;color: #333333;font-size: 16px;}
.zs_list li .txt p span{color: #d31c27;font-weight: bolder;}
@keyframes scaleToggleOne{
    0{transform:scale(1);-webkit-transform:scale(1)}
    50%{transform:scale(2);-webkit-transform:scale(2)}
    100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleTwo{
    0{transform:scale(1);-webkit-transform:scale(1)}
    20%{transform:scale(1);-webkit-transform:scale(1)}
    60%{transform:scale(2);-webkit-transform:scale(2)}
    100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleThree{
    0{transform:scale(1);-webkit-transform:scale(1)}
    33%{transform:scale(1);-webkit-transform:scale(1)}
    66%{transform:scale(2);-webkit-transform:scale(2)}
    100%{transform:scale(1);-webkit-transform:scale(1)}
}
.zs_animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated-circles{width: 95px;height: 95px;position: absolute;left:0;top:0;}
.animated-circles .circle{background:rgba(211,28,39,.25);width:95px;height:95px;border-radius:50%;position:absolute;transform:scale(1);-webkit-transform:scale(1);position: absolute;left: 0;top:0;}
.animated-circles.zs_animated .c-1{animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards}
.animated-circles.zs_animated .c-2{animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards}
.animated-circles.zs_animated .c-3{animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards}
.animation-stopped .circle{opacity:0!important}
.animation-stopped .circle{opacity:0!important}



/*product css*/
.product-ul li{margin-bottom: 20px;padding:0 10px;}
.product-ul li .item{position: relative;overflow: hidden;}
.product-ul li a{display: block;position: relative;overflow: hidden;border:solid 1px #d7d7d7;}
.product-ul li .img{overflow: hidden;text-align: center;}
.product-ul li .img img{width: 100%;box-sizing: border-box;}
.product-ul li .txt{padding:10px 20px; background: #f6f6f6;transition: all .4s;text-align: center;}
.product-ul li .txt h4 a{font-size: 18px;color: #333333;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: pre;border:none;}
.product-ul li .txt p{font-size: 16px;color: #666666;line-height: 22px;margin:10px 0; overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.product-ul li .overplay{text-align: center; margin:auto;opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); padding:10px 20px;padding-bottom: 20px;position: absolute;bottom:0;left: 0;right:0; background: #f2f2f2;transition: all .4s;}
.product-ul li .overplay h4{font-size: 18px;color: #333333;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.product-ul li .overplay p{font-size: 16px;color: #666666;line-height: 22px;margin:10px 0;max-height: 44px; overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.product-ul li .overplay .btnn{text-align: center;}
.product-ul li .overplay .btnn a{display:inline-block;padding:0 20px;margin:0 5px; line-height: 28px;border:solid 1px #fa331c;color: #666666;font-size: 14px;border-radius: 3px;}
.product-ul li .overplay .btnn a:last-of-type{border:solid 1px #fa331c;color: #fff;background: #fa331c;}
.product-ul li:hover .overplay{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}



/*新闻综合*/
.inner_news_01_mobile .swiper-container{width: 100%;}
.inner_news_01_mobile .swiper-slide{ border-bottom: solid 1px #f4f4f4;padding-bottom: 20px; transition: all .4s;}
.inner_news_01_mobile .swiper-container .swiper-slide .img{width: 100%;overflow: hidden;margin-bottom: 10px;}
.inner_news_01_mobile .swiper-container .swiper-slide .img img{width: 100%;display: block;transition: transform 1s ease 0s;}
.inner_news_01_mobile .swiper-slide ._news_date{text-align: center;color:#3f3f3f;font-size: 16px;line-height: 25px;padding-top: 27px;}
.inner_news_01_mobile .swiper-slide ._news_date span{font-size: 48px;font-weight: bolder;}
.inner_news_01_mobile .swiper-slide ._news_con{padding-left: 20px;}
.inner_news_01_mobile .swiper-slide ._news_con h4{font-weight: bolder;color: #333;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 35px;}
.inner_news_01_mobile .swiper-slide ._news_con p{color: #6a6a6a;font-size: 14px;line-height: 30px;max-height:60px; display: -webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-lis-lb .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.news-lis-lb .swiper-container .gallery-thumbs {width: 100%;}
.news-lis-lb .swiper-slide{ border-bottom: solid 1px #f4f4f4;padding:20px 15px;padding-bottom: 30px; transition: all .4s;}
.news-lis-lb .swiper-slide ._news_date{text-align: center;color:#3f3f3f;font-size: 16px;line-height: 25px;padding-top: 27px;}
.news-lis-lb .swiper-slide ._news_date span{font-size: 48px;font-weight: bolder;}
.news-lis-lb .swiper-slide ._news_con{padding-left: 30px;}
.news-lis-lb .swiper-slide ._news_con h4{font-weight: bolder;color: #333;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 35px;}
.news-lis-lb .swiper-slide ._news_con p{color: #6a6a6a;font-size: 14px;line-height: 30px;max-height:60px; display: -webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-lis-lb .swiper-slide:hover{background: #f0f0f0;}
.news-lis-lb .swiper-slide:hover ._news_date{color: #fa331c;}
.news-lis-lb .swiper-container .swiper-slide-thumb-active{background: #f0f0f0;}
.news-lis-lb .swiper-container .swiper-slide-thumb-active ._news_date{color: #fa331c;}
.news-lis-rb .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.news-lis-rb .gallery-top {width: 100%;}
.news-lis-rb .gallery-top .siwper-slide{width: 100%!important;}
.news-lis-rb .gallery-top .siwper-slide img{width: 100%!important;}
.news-01-mid .swiper-container .swiper-slide img{display: block;width: 100%;}
.inner_news_02 .swiper-container{width: 100%;}
.inner_news_02 .swiper-container .swiper-slide  a{background: #f5f5f5;display: block;}
.inner_news_02 .swiper-container .swiper-slide .img{width: 100%;overflow: hidden;margin-bottom: 10px;}
.inner_news_02 .swiper-container .swiper-slide .img img{width: 100%;display: block;transition: transform 1s ease 0s;}
.inner_news_02 .swiper-container .swiper-slide .items{padding:25px 25px;}
.inner_news_02 .swiper-container .swiper-slide .time{color: #80858a;font-size: 14px;}
.inner_news_02 .swiper-container .swiper-slide .tit{color: #393939;font-size: 16px;line-height: 30px;font-weight: bolder;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.inner_news_02 .swiper-container .swiper-slide .cont{color: #545454;font-size: 14px;line-height: 35px;max-height: 70px; margin:6px auto;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;}
.inner_news_02 .swiper-container .swiper-slide:hover .img img{transform: scale(1.05,1.05);}
.inner_news_03 .swiper-container{width: 100%;}
.inner_news_03 .swiper-container .swiper-slide  a{display: block;}
.inner_news_03 .swiper-container .swiper-slide .img{width: 100%;overflow: hidden;}
.inner_news_03 .swiper-container .swiper-slide .img img{width: 100%;display: block;transition: transform 1s ease 0s;}


/*news css*/
.inner-xwzx li {transition: all 0.3s;margin-bottom: 20px;background: #fcfcfc;border-radius: 2px;box-shadow: 0 0 1px #ccc;position: relative;}
.inner-xwzx li:hover {box-shadow: 0 0 5px #ffe5e5;}
.inner-xwzx li a {display: block;padding: 15px 0;position: relative;z-index: 2;}
.inner-xwzx .date {text-align: center;padding-top: 15px;}
.inner-xwzx .date .d1 {font-size: 14px;color: #898989;margin-bottom: 15px;}
.inner-xwzx .date .d2 i {width: 40px;height: 40px;transition: all 0.3s;display: block;background: #333 url(../images/jt.png) center no-repeat;}
.inner-xwzx li a:hover .d2 i {background: #fa331c url(../images/jt.png) center no-repeat;}
.inner-xwzx .line {margin-top: 26px;}
.inner-xwzx .line i{content: "";height: 1px;display: block;width: 80%;background: #bebebe;transition: all 0.5s;}
.inner-xwzx  li a:hover .line i{background: #fa331c; width: 100%;}
.inner-xwzx  .img {overflow: hidden;}
.inner-xwzx  .img img {width: 100%;}
.inner-xwzx  .txt {margin: 10px 0;position: relative;overflow: hidden;}
.inner-xwzx  .txt .info{width: 95%;transition: all .5s;}
.inner-xwzx  .txt .t1 {font-size: 20px;font-weight: bold;line-height: 30px;height: 30px;overflow: hidden;color: #000;text-overflow:ellipsis;white-space: pre;}
.inner-xwzx  .txt .t2 {overflow: hidden;margin: 15px 0;font-size: 14px; line-height: 25px;color: #666;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.inner-xwzx  li a:hover .txt .info{margin-left: 5%;}
.inner-xwzx li:after{width: 0;height: 100%;content: '';position: absolute;left: 0;top:0;background: #f4f4f4;transition: all .5s;}
.inner-xwzx li:hover:after{width: 100%;}
.inner-xwzx .info-tit{border-bottom: 1px solid #e5e5e5;color: #333;margin-bottom: 30px;text-align: center;}
.inner-xwzx .info-tit h3{font-size: 30px;margin:15px 0;}
.inner-xwzx .info-img{text-align: center;}
.inner-xwzx .info-img img{max-width: 100%;}
.inner-xwzx .info-details{color: #333;font-size: 16px;line-height: 35px;}
.newsPage {border-top: 1px solid #e5e5e5;padding-top: 20px; font-size: 16px;color: #323232;line-height: 30px;margin: 15px 0 30px;}
.newsPage a {color: #323232;}
.newsPage a:hover {color: #323e4a;}

/*qa css*/
.inner-qa li a{display: block; transition: all 0.3s;margin-bottom: 20px;padding:20px; background: #fcfcfc;box-shadow: 0 0 1px #ccc;position: relative;top:0;}
.inner-qa li a h4{color:#0950a2;font-size: 16px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.inner-qa li a p:first-of-type{color:#888;font-size: 14px;margin:8px 0;}
.inner-qa li a p:last-of-type{color:#454545;font-size: 14px;line-height: 26px;}
.inner-qa li a:hover{top:-15px;-moz-box-shadow:2px 2px 5px #C7C7C7; -webkit-box-shadow:2px 2px 5px #C7C7C7; box-shadow:2px 2px 5px #C7C7C7;}

/* 网站地图*/
.sitemap dl{border-bottom:1px dashed #ccc;padding:20px 12px;margin-bottom: 0;}
.sitemap dl dt{color: #000;font-size: 18px;line-height: 35px;}
.sitemap dl dt a{color: #000;font-size: 18px;}
.sitemap dl dd{margin-top: 10px;line-height: 35px;}
.sitemap dl dd a{display: inline-block;margin-right: 10px; color: #333;font-size: 15px;}
.sitemap dl a:hover{color: #323e4a;}
.sitemap dl dd li{padding: 0 15px;line-height: 35px;}
.sitemap dl dd li a{margin-right: 10px;}
.sitemap dl dd li a:first-of-type{margin-right: 0px;}



.common-inner .inner-right {
  float: right;
  width: 870px;
  background: #fff;
  min-height: 800px;
  padding: 0 25px;
}
.common-inner .inner-right .rig-title {
  font-size: 18px;
  color: #0058b1;
  font-weight: bold;
  height: 54px;
  line-height: 60px;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
}
.common-inner .inner-right .rig-title .crumbs {
  overflow: hidden;
  margin-top: 6px;
  float: right;
  padding-left: 25px;
  height: 48px;
  line-height: 54px;
  background: url(../images/home-icon.png) no-repeat left center;
  color: #b2b2b2;
  font-size: 13px;
  font-weight: normal;
  max-width: 400px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.common-inner .inner-right .rig-title .crumbs a {
  color: #b2b2b2;
}
.common-inner .inner-right .rig-title .crumbs a:hover {
  color: #323e4a;
  text-decoration: underline;
}

.common-inner .inner-right .news-detail-content {
  padding: 0 18px;
}
.common-inner .inner-right .news-detail-content .news-detail-title {
  padding-bottom: 15px;
  border-bottom: 1px dashed #ededed;
  text-align: center;
  margin-bottom: 15px;
}
.common-inner .inner-right .news-detail-content .news-detail-title .h3 {
  font-size: 18px;
  color: #323232;
  line-height: 24px;
  font-weight: bold;
  margin: 25px 0 10px;
}
.common-inner .inner-right .news-detail-content .news-detail-title .b {
  font-size: 13px;
  color: #999999;
  line-height: 20px;
}
.common-inner .inner-right .news-detail-content .news-detail {
  padding: 0 12px 30px;
}
.common-inner .inner-right .news-detail-content .news-detail p {
  font-size: 14px;
  color: #595959;
  line-height: 24px;
}
.common-inner .inner-right .news-detail-content .news-detail img {
  max-width: 100%;
  margin: 0 auto;
}
.common-inner .inner-right .news-detail-content .newsPage {
  padding: 0 12px;
  font-size: 16px;
  color: #323232;
  line-height: 30px;
  margin: 15px 0 30px;
}
.common-inner .inner-right .news-detail-content .newsPage a {
  color: #323232;
}
.common-inner .inner-right .news-detail-content .newsPage a:hover {
  color: #323e4a;
}
.common-inner .inner-right .de-message {
  overflow: hidden;
  padding: 0 5px;
}
.common-inner .inner-right .de-message .tips {
  font-size: 13px;
  line-height: 55px;
  color: #737373;
}
.common-inner .inner-right .de-message .mes-form {
  overflow: hidden;
}
.common-inner .inner-right .de-message .mes-form .form-tr {
  overflow: hidden;
}
.common-inner .inner-right .de-message .mes-form .form-tr input {
  display: block;
  width: 658px;
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #e6e6e6;
}
.common-inner .inner-right .de-message .mes-form .form-tr textarea {
  display: block;
  width: 658px;
  padding: 5px 10px;
  height: 168px;
  border: 1px solid #e6e6e6;
}
.common-inner .inner-right .de-message .mes-form .form-tr .code {
  overflow: hidden;
}
.common-inner .inner-right .de-message .mes-form .form-tr .code input {
  width: 188px;
  float: left;
}
.common-inner .inner-right .de-message .mes-form .form-tr .code .verify {
  cursor: pointer;
  float: left;
  margin-left: 25px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0;
}
.common-inner .inner-right .de-message .mes-form .form-tr .code .verify img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.common-inner .inner-right .de-message .mes-form .form-tr .submit {
  margin-top: 15px;
  display: block;
  width: 190px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #323e4a;
  color: #fff;
  font-size: 15px;
}
.common-inner .inner-right .de-message .mes-form .form-tr .submit:hover {
  background: #0058b1;
}
.common-inner .inner-right .de-message .mes-form .form-tr .error {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #f00;
  padding: 0 5px;
}


#MagnifierWrap2 {
  position: relative;
  width: 350px;
}
.MagnifierMain {
  position: relative;
  width: 350px;
  height: 350px;
  font-size: 0;
  text-align: center;
  line-height: 350px;
  border: 1px solid #e6e6e6;
}
.MagnifierMain img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.MagnifierDrag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ccc;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: move;
}
.MagnifierPop {
  position: absolute;
  top: 0;
  overflow: hidden;
  background: #fff;
}
.MagnifierImg {
  position: absolute;
  top: 0;
  left: 0;
}
.spec-items {
  position: relative;
  width: 292px;
  height: 69px;
  overflow: hidden;
  padding-top: 20px;
  margin: 0 auto;
}
.spec-items ul {
  width: 500%;
  position: absolute;
  top: 20px;
  left: 0;
}
.spec-items ul * {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.spec-items li {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  float: left;
  overflow: hidden;
  margin-right: 5px;
  border: 2px solid #fff;
  font-size: 0;
  cursor: pointer;
}
.spec-items li.on {
  border: 2px solid #268ae7;
}
.spec-items li img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
span.spe_leftBtn,
span.spe_rightBtn {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 20px;
  height: 69px;
  line-height: 69px;
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  color: #ddd;
  cursor: default;
  background-color: #f9f9f9;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
span.on {
  background-color: #f9f9f9;
  color: #0058b1;
  cursor: pointer;
}
span.spe_leftBtn {
  left: 0;
  background: url(../images/p-detail-left.png) no-repeat center;
}
span.spe_leftBtn.on {
  background: url(../images/p-detail-left-active.png) no-repeat center;
}
span.spe_rightBtn {
  right: 0;
  background: url(../images/p-detail-right.png) no-repeat center;
}
span.spe_rightBtn.on {
  background: url(../images/p-detail-right-active.png) no-repeat center;
}
.de-page-mian {
  text-align: center;
  font-size: 0;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 36px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #323e4a;
  background: #323e4a;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

.m-type-li{
		 float: left;width: 31%;
		 line-height: 35px;
		 margin:1%;
		 border:1px solid #ccc;
		 
	  }
	  .m-type-li a{
	  		display: block;
			width: 100%;
			height: 100%;
			text-align: center;
			font-weight: 300;
			font-size: 12px;
	  }

.fixed-banner {
  overflow: hidden;
  text-align: center;
  height: 230px;
}
.fixed-banner h3 {
  margin: 78px 0 5px;
  font-size: 36px;
  color: #fff;
  line-height: 1;
}
.fixed-banner p {
  font-size: 18px;
  color: #949daa;
}
.common-inner {
  background: #f6f6f6;
  padding: 28px 0 48px;
  min-height: 500px;
}
.common-inner .inner-left {
  float: left;
  width: 260px;
}
.common-inner .inner-left .pro-sider {
  float: none;
}
.common-inner .inner-right {
  float: right;
  width: 870px;
  background: #fff;
  min-height: 800px;
  padding: 0 25px;
}
.common-inner .inner-right .rig-title {
  font-size: 18px;
  color: #0058b1;
  font-weight: bold;
  height: 54px;
  line-height: 60px;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
}
.common-inner .inner-right .rig-title .crumbs {
  overflow: hidden;
  margin-top: 6px;
  float: right;
  padding-left: 25px;
  height: 48px;
  line-height: 54px;
  background: url(../images/home-icon.png) no-repeat left center;
  color: #b2b2b2;
  font-size: 13px;
  font-weight: normal;
  max-width: 400px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.common-inner .inner-right .rig-title .crumbs a {
  color: #b2b2b2;
}
.common-inner .inner-right .rig-title .crumbs a:hover {
  color: #237ed2;
  text-decoration: underline;
}
.common-inner .inner-right .search-result {
  height: 50px;
  line-height: 50px;
  background: #f5f5f5;
  margin: 12px 0 25px;
  padding: 0 17px;
  font-size: 14px;
  color: #595959;
}
.common-inner .inner-right .search-result span {
  color: #0058b1;
  font-weight: bold;
}
.common-inner .inner-right .search-result .search-record {
  float: right;
}
.common-inner .inner-right .search-list,
.common-inner .inner-right .de-product-list {
  overflow: hidden;
  min-height: 622px;
}
.common-inner .inner-right .search-list ul,
.common-inner .inner-right .de-product-list ul {
  margin: 0 -12px;
}
.common-inner .inner-right .search-list ul li,
.common-inner .inner-right .de-product-list ul li {
  border: 2px solid #fff;
  float: left;
  width: 270px;
  margin: 0 12px 25px;
}
.common-inner .inner-right .search-list ul li a,
.common-inner .inner-right .de-product-list ul li a {
  display: block;
}
.common-inner .inner-right .search-list ul li .img,
.common-inner .inner-right .de-product-list ul li .img {
  width: 268px;
  height: 200px;
  background: #e6e6e6;
  font-size: 0;
  line-height: 200px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-bottom: none;
  overflow: hidden;
}
.common-inner .inner-right .search-list ul li .img img,
.common-inner .inner-right .de-product-list ul li .img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  transition: all 0.5s;
}
.common-inner .inner-right .search-list ul li .title,
.common-inner .inner-right .de-product-list ul li .title {
  font-size: 14px;
  padding: 0 18px;
  height: 80px;
  border: 1px solid #e6e6e6;
  border-top: none;
}
.common-inner .inner-right .search-list ul li .title h3,
.common-inner .inner-right .de-product-list ul li .title h3 {
  color: #595959;
  line-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-inner .inner-right .search-list ul li .title em,
.common-inner .inner-right .de-product-list ul li .title em {
  font-weight: bold;
  display: block;
  color: #ff8111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-inner .inner-right .search-list ul li:hover,
.common-inner .inner-right .de-product-list ul li:hover {
  border-color: #268AE7;
}
.common-inner .inner-right .search-list ul li:hover .title,
.common-inner .inner-right .de-product-list ul li:hover .title {
  border-color: #fff;
}
.common-inner .inner-right .search-list ul li:hover .img img,
.common-inner .inner-right .de-product-list ul li:hover .img img {
  transform: scale(1.1);
}
.common-inner .inner-right .de-product-list {
  margin-top: 26px;
}
.common-inner .inner-right .de-about-content {
  padding: 30px 50px;
}
.common-inner .inner-right .de-about-content img {
  margin: 0 auto;
  max-width: 100%;
}
.common-inner .inner-right .de-about-content p {
  font-size: 14px;
  color: #595959;
  line-height: 24px;
}
.common-inner .inner-right .de-news-list {
  overflow: hidden;
  min-height: 644px;
  padding: 5px;
}
.common-inner .inner-right .de-news-list ul li {
  display: inline-block;
  position: relative;
  line-height: 1.25;
  padding-right: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  border-bottom: 1px solid #ededed;
}
.common-inner .inner-right .de-news-list ul li a {
  display: block;
}
.common-inner .inner-right .de-news-list ul li .img {
  float: left;
  width: 175px;
  height: 120px;
  text-align: center;
  line-height: 120px;
  font-size: 0;
}
.common-inner .inner-right .de-news-list ul li .img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.common-inner .inner-right .de-news-list ul li .box {
  float: right;
  width: 640px;
  font-size: 14px;
}
.common-inner .inner-right .de-news-list ul li .box h4 {
  color: #323232;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
.common-inner .inner-right .de-news-list ul li .box p {
  color: #595959;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin: 15px 0 25px;
}
.common-inner .inner-right .de-news-list ul li .box .time {
  color: #999999;
  line-height: 1.1;
}
.common-inner .inner-right .de-news-list ul li .box .time span {
  display: block;
  float: right;
  font-size: 14px;
  color: #0058b1;
}
.common-inner .inner-right .de-news-list ul li:hover {
  box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);
}
.common-inner .inner-right .de-news-list ul li:hover .time span {
  color: #237ed2;
}
.common-inner .inner-right .news-detail-content {
  padding: 0 18px;
}
.common-inner .inner-right .news-detail-content .news-detail-title {
  padding-bottom: 15px;
  border-bottom: 1px dashed #ededed;
  text-align: center;
  margin-bottom: 15px;
}
.common-inner .inner-right .news-detail-content .news-detail-title .h3 {
  font-size: 18px;
  color: #323232;
  line-height: 24px;
  font-weight: bold;
  margin: 25px 0 10px;
}
.common-inner .inner-right .news-detail-content .news-detail-title .b {
  font-size: 13px;
  color: #999999;
  line-height: 20px;
}
.common-inner .inner-right .news-detail-content .news-detail {
  padding: 0 12px 30px;
}
.common-inner .inner-right .news-detail-content .news-detail p {
  font-size: 14px;
  color: #595959;
  line-height: 24px;
}
.common-inner .inner-right .news-detail-content .news-detail img {
  max-width: 100%;
  margin: 0 auto;
}
.common-inner .inner-right .news-detail-content .newsPage {
  padding: 0 12px;
  font-size: 16px;
  color: #323232;
  line-height: 30px;
  margin: 15px 0 30px;
}
.common-inner .inner-right .news-detail-content .newsPage a {
  color: #323232;
}
.common-inner .inner-right .news-detail-content .newsPage a:hover {
  color: #237ed2;
}
.common-inner .inner-right .de-honor-list {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 24px;
  padding-top: 6px;
  min-height: 556px;
}
.common-inner .inner-right .de-honor-list ul {
  margin: 0 -5px;
}
.common-inner .inner-right .de-honor-list ul li {
  float: left;
  margin: 0 10px 30px;
  overflow: hidden;
  width: 270px;
  background: #f6f6f6;
}
.common-inner .inner-right .de-honor-list ul li a {
  display: block;
}
.common-inner .inner-right .de-honor-list ul li .img {
  width: 270px;
  height: 200px;
  text-align: center;
  line-height: 200px;
  font-size: 0;
  overflow: hidden;
}
.common-inner .inner-right .de-honor-list ul li .img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  transition: all 0.5s;
}
.common-inner .inner-right .de-honor-list ul li .title {
  text-align: center;
  height: 48px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 48px;
  font-size: 14px;
  color: #595959;
}
.common-inner .inner-right .de-honor-list ul li:hover {
  box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);
}
.common-inner .inner-right .de-honor-list ul li:hover .img img {
  transform: scale(1.1);
}
.common-inner .inner-right .de-job-list {
  overflow: hidden;
  padding-bottom: 19px;
  min-height: 645px;
  padding: 5px 5px;
}
.common-inner .inner-right .de-job-list ul li {
  overflow: hidden;
  padding: 0 55px 0 25px;
  height: 128px;
  border-bottom: 1px solid #ededed;
}
.common-inner .inner-right .de-job-list ul li .job-title {
  float: left;
  width: 260px;
  margin-right: 10px;
  padding-top: 38px;
}
.common-inner .inner-right .de-job-list ul li .job-title h3 {
  font-weight: bold;
  font-size: 18px;
  color: #333;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 15px;
}
.common-inner .inner-right .de-job-list ul li .job-title p {
  font-size: 16px;
  color: #237ed2;
  line-height: 20px;
  font-weight: bold;
}
.common-inner .inner-right .de-job-list ul li .job-title p em {
  font-weight: normal;
  font-size: 12px;
}
.common-inner .inner-right .de-job-list ul li .job-info {
  float: left;
  width: 200px;
  padding-top: 38px;
}
.common-inner .inner-right .de-job-list ul li .job-info p {
  font-size: 13px;
  color: #b2b2b2;
  line-height: 20px;
  margin-bottom: 15px;
}
.common-inner .inner-right .de-job-list ul li .job-info p span {
  color: #737373;
}
.common-inner .inner-right .de-job-list ul li .job-btn {
  display: none;
  float: right;
  width: 80px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #237ed2;
  margin-top: 50px;
}
.common-inner .inner-right .de-job-list ul li:hover {
  box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);
}
.common-inner .inner-right .de-job-list ul li:hover .job-btn {
  display: block;
}
.common-inner .inner-right .jobs-info {
  padding: 40px 10px 30px;
  margin-bottom: 28px;
  border-bottom: 1px dashed #ededed;
}
.common-inner .inner-right .jobs-info .h3 {
  overflow: hidden;
  margin-bottom: 15px;
}
.common-inner .inner-right .jobs-info .h3 .job-name {
  float: left;
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  width: 450px;
}
.common-inner .inner-right .jobs-info .h3 .job-price {
  float: right;
  font-weight: bold;
  font-size: 24px;
  color: #237ed2;
  line-height: 1.1;
  max-width: 360px;
}
.common-inner .inner-right .jobs-info .h3 .job-price em {
  font-weight: normal;
  font-size: 16px;
}
.common-inner .inner-right .jobs-info .p {
  font-size: 13px;
  color: #999999;
  line-height: 20px;
  margin-bottom: 10px;
}
.common-inner .inner-right .jobs-info .p span {
  color: #595959;
}
.common-inner .inner-right .jobs-info .btn {
  padding-top: 10px;
  overflow: hidden;
}
.common-inner .inner-right .jobs-info .btn a {
  display: block;
  width: 230px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #fff;
  background: #237ed2;
  font-size: 14px;
}
.common-inner .inner-right .jobs-info .btn a:hover {
  background: #0058b1;
}
.common-inner .inner-right .jobs-info-content {
  padding: 0 20px;
  overflow: hidden;
}
.common-inner .inner-right .jobs-info-content h3 {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 10px;
}
.common-inner .inner-right .jobs-info-content p {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.common-inner .inner-right .apply-job {
  overflow: hidden;
  margin-top: 20px;
}
.common-inner .inner-right .apply-job .job-tr {
  overflow: hidden;
}
.common-inner .inner-right .apply-job .job-tr .tr-over {
  overflow: hidden;
}
.common-inner .inner-right .apply-job .job-tr .error {
  padding-left: 75px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #f00;
}
.common-inner .inner-right .apply-job .job-tr .tr-title {
  float: left;
  width: 50px;
  min-height: 20px;
  text-align: right;
  font-size: 14px;
  color: #808080;
  margin-right: 25px;
  line-height: 40px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont {
  float: left;
  width: 640px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont h3 {
  font-size: 14px;
  color: #4c4c4c;
  line-height: 40px;
  font-weight: bold;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont input[type=text] {
  line-height: 38px;
  font-size: 14px;
  color: #333;
  display: block;
  padding: 0 10px;
  width: 618px;
  height: 38px;
  border: 1px solid #e6e6e6;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont input[name='captcha'] {
  font-size: 14px;
  line-height: 38px;
  color: #333;
  width: 190px;
  float: left;
  margin-right: 30px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont .verify {
  cursor: pointer;
  float: left;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont .verify img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont textarea {
  font-size: 14px;
  color: #333;
  display: block;
  height: 170px;
  line-height: 20px;
  padding: 5px 10px;
  width: 618px;
  border: 1px solid #e6e6e6;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont {
  line-height: 40px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont input[type=radio] {
  margin-right: 10px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont label {
  margin-right: 30px;
  color: #4c4c4c;
  line-height: 40px;
  font-weight: bold;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont a.submit {
  display: block;
  width: 190px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #237ed2;
  color: #fff;
  font-size: 15px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont a.submit:hover {
  background: #0058b1;
}
.common-inner .inner-right .de-message {
  overflow: hidden;
  padding: 0 5px;
}
.common-inner .inner-right .de-message .tips {
  font-size: 13px;
  line-height: 55px;
  color: #737373;
}
.common-inner .inner-right .de-message .mes-form {
  overflow: hidden;
}
.common-inner .inner-right .de-message .mes-form .form-tr {
  overflow: hidden;
}
.common-inner .inner-right .de-message .mes-form .form-tr input {
  display: block;
  width: 658px;
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #e6e6e6;
}
.common-inner .inner-right .de-message .mes-form .form-tr textarea {
  display: block;
  width: 658px;
  padding: 5px 10px;
  height: 168px;
  border: 1px solid #e6e6e6;
}
.common-inner .inner-right .de-message .mes-form .form-tr .code {
  overflow: hidden;
}
.common-inner .inner-right .de-message .mes-form .form-tr .code input {
  width: 188px;
  float: left;
}
.common-inner .inner-right .de-message .mes-form .form-tr .code .verify {
  cursor: pointer;
  float: left;
  margin-left: 25px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0;
}
.common-inner .inner-right .de-message .mes-form .form-tr .code .verify img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.common-inner .inner-right .de-message .mes-form .form-tr .submit {
  margin-top: 15px;
  display: block;
  width: 190px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #237ed2;
  color: #fff;
  font-size: 15px;
}
.common-inner .inner-right .de-message .mes-form .form-tr .submit:hover {
  background: #0058b1;
}
.common-inner .inner-right .de-message .mes-form .form-tr .error {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #f00;
  padding: 0 5px;
}
.common-inner .inner-right .de-contact {
  overflow: hidden;
}
.common-inner .inner-right .de-contact .contact-list {
  overflow: hidden;
  margin: 25px 0 35px;
}
.common-inner .inner-right .de-contact .contact-list ul li {
  min-height: 28px;
  padding-left: 50px;
  float: left;
  width: 365px;
  font-size: 14px;
  color: #595959;
  line-height: 20px;
  padding-top: 8px;
  margin-bottom: 14px;
  word-wrap: break-word;
}
.common-inner .inner-right .de-contact .contact-list ul li span {
  display: block;
  float: left;
  color: #999;
}


.common-inner .inner-right .de-contact .contact-map {
  overflow: hidden;
}
.common-inner .inner-right .de-contact .contact-map #dituContent {
  width: 785px;
  height: 475px;
  margin: 0 auto 30px;
}
.inner-contact {
  width: 260px;
  margin-top: 18px;
}
.inner-contact .title {
  height: 80px;
  background: url(../images/i-pro-title.jpg) no-repeat center;
  text-align: center;
  line-height: 1;
  overflow: hidden;
}
.inner-contact .title h3 {
  margin-top: 20px;
  font-size: 22px;
  color: #fff;
  margin-bottom: 5px;
}
.inner-contact .title em {
  font-size: 13px;
  color: #728dbc;
}
.inner-contact .contact-box {
  min-height: 180px;
  border: 1px solid #ededed;
  border-top: none;
  background: #fff;
  padding: 20px 20px 10px;
  padding-right: 5px;
}
.inner-contact .contact-box .contact-item {
  overflow: hidden;
  padding-left: 60px;
  font-size: 14px;
  color: #595959;
  line-height: 20px;
  margin-bottom: 10px;
  word-wrap: break-word;
}
.inner-contact .contact-box .contact-item .act {
  float: left;
  width: 60px;
  margin-left: -60px;
  color: #808080;
}
.prodect-Info {
  overflow: hidden;
  background: #f6f6f6;
  min-height: 500px;
  padding-bottom: 48px;
}
.prodect-Info .info-crumbs {
  overflow: hidden;
  height: 54px;
  line-height: 58px;
  font-size: 14px;
  color: #999;
  padding-left: 28px;
  background: url(../images/home-icon.png) no-repeat 5px center;
}
.prodect-Info .info-crumbs a {
  color: #595959;
}
.prodect-Info .info-crumbs a:hover {
  color: #237ed2;
  text-decoration: underline;
}
.prodect-Info .info-main {
  overflow: hidden;
  background: #fff;
  padding: 25px 25px 20px;
  margin-bottom: 25px;
}
.prodect-Info .info-main .info-preview {
  float: left;
  width: 350px;
}
.prodect-Info .info-main .info-main-rig {
  float: right;
  width: 775px;
  overflow: hidden;
}
.prodect-Info .info-main .info-main-rig .title {
  font-size: 20px;
  line-height: 30px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 18px 0;
}
.prodect-Info .info-main .info-main-rig .price {
  height: 65px;
  background: #f6f6f6;
  line-height: 65px;
  padding: 0 20px;
  color: #ff8111;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 25px;
}
.prodect-Info .info-main .info-main-rig .price span {
  font-size: 14px;
  color: #808080;
  font-weight: normal;
  margin-right: 25px;
}
.prodect-Info .info-main .info-main-rig .de-list {
  overflow: hidden;
  padding: 0 20px;
  min-height: 150px;
  max-height: 223px;
}
.prodect-Info .info-main .info-main-rig .de-list .list-item {
  overflow: hidden;
  padding-left: 60px;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  word-wrap: break-word;
  margin-bottom: 10px;
}
.prodect-Info .info-main .info-main-rig .de-list .list-item .item-title {
  width: 60px;
  float: left;
  margin-left: -60px;
  color: #808080;
}
.prodect-Info .info-main .info-main-rig .order-btn {
  overflow: hidden;
  padding: 0 10px;
}
.prodect-Info .info-main .info-main-rig .order-btn .submit {
  display: block;
  width: 155px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #237ed2;
  color: #fff;
  font-size: 14px;
}
.prodect-Info .info-main .info-main-rig .order-btn .submit:hover {
  background: #0058b1;
}
.prodect-Info .info-center {
  overflow: hidden;
}
.prodect-Info .info-center .infoCenter-left {
  float: left;
  width: 260px;
}
.prodect-Info .info-center .infoCenter-left .pro-sider {
  float: none;
}
.prodect-Info .info-center .infoCenter-right {
  float: right;
  width: 870px;
  background: #fff;
  padding: 0 25px;
  min-height: 800px;
}
.prodect-Info .info-center .infoCenter-right .center-title {
  font-weight: bold;
  font-size: 18px;
  color: #0058b1;
  line-height: 60px;
  margin-bottom: 20px;
  height: 59px;
  border-bottom: 1px solid #ededed;
}
.prodect-Info .info-center .infoCenter-right .center-content {
  overflow: hidden;
  padding-bottom: 30px;
}
.prodect-Info .info-center .infoCenter-right .center-content img {
  max-width: 100%;
}
.prodect-Info .info-center .infoCenter-right .center-content table {
  max-width: 100%;
}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab {
  font-family: '微软雅黑';
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 20px;
}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr th {
  width: 50%;
  text-align: center;
  font-size: 15px;
  color: #262626;
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  line-height: 48px;
  font-weight: bold;
}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr td {
  line-height: 45px;
  color: #595959;
  font-size: 15px;
  text-align: center;
  border: 1px solid #e6e6e6;
}
#MagnifierWrap2 {
  position: relative;
  width: 350px;
}
.MagnifierMain {
  position: relative;
  width: 350px;
  height: 350px;
  font-size: 0;
  text-align: center;
  line-height: 350px;
  border: 1px solid #e6e6e6;
}
.MagnifierMain img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.MagnifierDrag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ccc;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: move;
}
.MagnifierPop {
  position: absolute;
  top: 0;
  overflow: hidden;
  background: #fff;
}
.MagnifierImg {
  position: absolute;
  top: 0;
  left: 0;
}
.spec-items {
  position: relative;
  width: 292px;
  height: 69px;
  overflow: hidden;
  padding-top: 20px;
  margin: 0 auto;
}
.spec-items ul {
  width: 500%;
  position: absolute;
  top: 20px;
  left: 0;
}
.spec-items ul * {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.spec-items li {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  float: left;
  overflow: hidden;
  margin-right: 5px;
  border: 2px solid #fff;
  font-size: 0;
  cursor: pointer;
}
.spec-items li.on {
  border: 2px solid #268ae7;
}
.spec-items li img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
span.spe_leftBtn,
span.spe_rightBtn {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 20px;
  height: 69px;
  line-height: 69px;
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  color: #ddd;
  cursor: default;
  background-color: #f9f9f9;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
span.on {
  background-color: #f9f9f9;
  color: #0058b1;
  cursor: pointer;
}
span.spe_leftBtn {
  left: 0;
  background: url(../images/p-detail-left.png) no-repeat center;
}
span.spe_leftBtn.on {
  background: url(../images/p-detail-left-active.png) no-repeat center;
}
span.spe_rightBtn {
  right: 0;
  background: url(../images/p-detail-right.png) no-repeat center;
}
span.spe_rightBtn.on {
  background: url(../images/p-detail-right-active.png) no-repeat center;
}
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 10px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #237ed2;
  background: #237ed2;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}