@charset "utf-8";
/* CSS Document */
body {width:100%;position:relative;background:#fff;overflow:hidden;filter:alpha(opacity=0);transition:opacity .3s;}
.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h80 {height:80px;}
.h100 {height:100px;}
.w1400 {position:relative;margin:0 auto;width:1400px;}
.jian100{margin-top:-100px;}

@media (max-width: 1300px) {

.h10 {height:5px;}
.h20 {height:10px;}
.h30 {height:15px;}
.h40 {height:20px;}
.h50 {height:25px;}
.h100 {height:50px;}

.w1400 {max-width:100%;width:90%}


}

@media (max-width: 800px) {
.h10 {height:2px;}
.h20 {height:5px;}
.h30 {height:7px;}
.h40 {height:10px;}
.h50 {height:12px;}
.h100 {height:25px;}
.w1400 {max-width:100%;width:96%}
.w1400 p img{ max-width:100%;}
.jian100{margin-top:0px;}


.h80 {height:0;}

}





.animate05{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.hezuo_list_box { float:none; margin:0px auto; max-width:1400px;}
.hezuo_list_box ul.links li{width: 16%;height:95px;position: relative; text-align:center; background:#fff; margin:0px; border:2px solid #eee; display:inline-block; float:left;}
.hezuo_list_box ul.links li img{ max-width:165px; height:95px; padding-top:0px;}

.hezuo_list_li{overflow:hidden;height:100%;padding:0; text-align:center;  width:100%;  margin:0 auto;}
.hezuo_list_li_span{height:95px; display:inline-block; vertical-align:middle; }
.hezuo_list_li img{ max-width:100%; max-height:100%;}

@media screen and (max-width:1200px) {
.hezuo_list_box ul.links li{width: 24.2%;height:95px; margin:0px; overflow:hidden;}
.hezuo_list_box ul.links li img{ width: auto; max-width:100%; height: auto; padding-top:0px;}
}

@media screen and (max-width:769px) {
.hezuo_list_box ul.links li{width: 32.33%;height:70px; margin:0px; overflow:hidden;}
.hezuo_list_box ul.links li img{ width: auto; max-width:100%; height: auto; padding-top:0px;}
}


@media screen and (max-width:530px) {
.hezuo_list_box ul.links li{width: 33.33%;height:50px; margin:0px; overflow:hidden; border:none; border-bottom:1px solid #eee;}
.hezuo_list_box ul.links li img{ width: auto; max-width:100%; height: auto; padding-top:0px;}
}



a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover{color:#417ebc;text-decoration:none;transition: all 300ms ease-in-out 0s;}


.biaoti{ clear:both; width:100%; max-width:1400px; text-align:center; margin:0 auto;}
.biaoti h1{ font-size:26px; color:#333; line-height:45px; font-weight:700;} 

.feiqi_box{ clear: both; width: 100%;max-width: 1400px; margin: 0 auto; }
.feiqi_box_top,.feiqi_box_top p{ font-size: 16px;line-height: 30px;text-align: left;  }



@media (max-width: 787px) {

.feiqi_box{ clear: both; width:96%;max-width: 100%; margin: 0 2%; }
.feiqi_box_top,.feiqi_box_top p{ font-size: 14px;line-height: 26px;text-align: left;  }


}


.project-cover{
	position: absolute;
    width: 100%;
    height: 100%;
    max-height: 650px;
    margin-top: 0;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity .4s ease-out;
}

.card-header, .card-body{
	position: relative;
	height: 50%;
    margin: 0 auto;
    padding: 0;
    transition: margin .4s ease-out;
    text-align: center;
    overflow: hidden;
}

.card-header h2, .card-header h3, .card-header h4{
	position: relative;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
    font-size: 32px;
    line-height: 1.25;
    color: #fff;
    z-index: 2;
    letter-spacing: 3px;
}

.card-body p{
	position: relative;
    display: block;
    z-index: 2;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    transition: opacity .4s ease-out,margin-top .4s ease-out;
    letter-spacing: 1px;
}

a:hover .project-cover{
 	opacity: 1;
 }
 


 /* core */
.core{
  	position: relative;
  	width: 100%;
  	max-width: 100%;
  	overflow: hidden;
	 margin:0 auto;
 }
.core .col-md-3{
 	height: 100%;
 	padding: 0;
 }
.core .bottomtit{
	display: block;
	width: 100%;
	color: #fff;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    opacity: 0.65;
    letter-spacing: 1px;
    text-align: center;
    z-index: 22;
}


.bottomtit{
	position: absolute;
	bottom: 7.5%;
	margin: 0 auto;
	z-index: 2;
	opacity: 1;
}


.core .project-cover{
	height: 100%;
    padding: 0 15%;
    top: 0;
    opacity: 1;
    transition: opacity .4s ease-out,background .4s ease-out;
}
.core .card-header{

    top: 50%;
    transform: translateY(-50%);
 }
.core img{
 	width: 100%;
    height: auto;
    z-index: 1;
    border: 0;
    background-color: #666;
 }
 .core .card-header img{
 	width: 70px;
    background: none;
    margin-bottom: 15px;
 }
 .core .card-header h3{
 	font-size: 22px;
 }
.card-header p{
 	position: relative;
    display: block;
    z-index: 2;
    font-size: 15px;
    line-height: 1.75;
    color: #fff;
    transition: opacity .4s ease-out,margin-top .4s ease-out;
    letter-spacing: 1.5px;
    text-align: left;
    opacity: 0;
 }


.core .card-body img{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
    width: 70px;
    background: none;
    padding-bottom: 40px;
    transition: all .35s ease-out;
    opacity: 0;
}
.core .card-body h4{
	display: block;
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    opacity: 0.65;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 20px;
}
.core a:hover .project-cover{
 background:rgba(42,93,150,.8);
}
.core a:hover .project-cover .card-body img{
	opacity: 1;
	left: 50%;
	transform: translateX(-50%);
}
.core .project-cover:hover .card-header{
	margin-top: -20px;
}
.core .project-cover:hover .card-header p{
	opacity: 1;
}


@media (max-width: 1024px) {
.card-header, .card-body{height: 50%;}
.core .col-md-3{width:50%; float:left;}
.core .card-header h3{font-size: 18px; letter-spacing:normal;}
.core .card-header img{width: 60px;}
.card-body{ display:none;}
.card-header p{font-size: 14px; }
.core .bottomtit{ font-size: 14px; font-weight: normal;}
.bottomtit{bottom: 2%;}
 }

@media (max-width: 780px) {
.card-header, .card-body{height: 50%;}
.core .col-md-3{width:50%; float:left;}
.core .card-header h3{font-size: 18px; letter-spacing:normal;}
.core .card-header img{width: 60px;}
.card-body{ display:none;}
.card-header p{font-size: 14px; }
.core .bottomtit{ font-size: 14px; font-weight: normal;}
.bottomtit{bottom: 2%;}
 }




@media (max-width: 640px) {
.card-header, .card-body{height:45%;}
.core .col-md-3{width:50%; float:left;}
.core .card-header h3{font-size: 16px; font-weight:normal; letter-spacing:normal;}
.core .card-header img{width: 50px;}
.card-body{ display:none;}
.card-header p{font-size: 12px; display:none; }
.core .bottomtit{ font-size: 12px; font-weight: normal;}
.bottomtit{bottom: 2%;}
 }










.center1top {position:relative;width:100%; padding:0px 0 0 0;}
.center1top dl dd {display:inline-block;width:24.8%; margin:0 0.1%;float:left;position:relative;}
.center1top dl dd a {display:block;height:60px;line-height:60px;width:100%;font-size:20px;text-align:center;color:#fff; background:#9bb8d6;font-weight: 700; }
.center1top dl dd a:hover {color:#fff; background:#417ebc;}
.center1top dl dd.hover a {display:block;height:60px;line-height:60px;width:100%;font-size:20px;text-align:center;color:#fff; background:#417ebc;}
.center1footer {width:100%;overflow:hidden;}




.center1top_list {position:relative;width:100%; padding:0px 0 0 0;}
.center1top_list dl dd {display:inline-block; width:18.8%; margin:0 0.1%;float:left;position:relative;}
.center1top_list dl dd a {display:block;height:60px;line-height:60px;width:100%;font-size:20px;text-align:center;color:#fff; background:#9bb8d6;font-weight: 700; }
.center1top_list dl dd a:hover {color:#fff; background:#417ebc;}
.center1top_list dl dd.hover a {display:block;height:60px;line-height:60px;width:100%;font-size:20px;text-align:center;color:#fff; background:#417ebc;}
.center1footer {width:100%;overflow:hidden;}


.center1top_listb {position:relative;width:100%; padding:0px 0 0 0;}
.center1top_listb dl dd {display:inline-block; width:49.8%; margin:0 0.1%;float:left;position:relative;}
.center1top_listb dl dd a {display:block;height:60px;line-height:60px;width:100%;font-size:20px;text-align:center;color:#fff; background:#9bb8d6;font-weight: 700; }
.center1top_listb dl dd a:hover {color:#fff; background:#417ebc;}
.center1top_listb dl dd.hover a {display:block;height:60px;line-height:60px;width:100%;font-size:20px;text-align:center;color:#fff; background:#417ebc;}
.center1footer {width:100%;overflow:hidden;}





.pro_center_box{ clear: both; width: 100%; margin: 45px auto;}
.pro_center_box h1{ font-size: 20px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 20px;text-align: center; }

.pro_center_box img{ max-width: 80%; display: block;text-align: center;margin: 0px auto;  }


@media (max-width:639px) {
.center1top {position:relative;width:100%; padding:10px 0 0 0;}
.center1top dl dd {display:inline-block;width:48%; margin:0 1% 5px 1%;float:left;position:relative;}
.center1top dl dd a {height:30px;line-height:30px;font-size:13px;}
.center1top dl dd.hover a {height:30px;line-height:30px;font-size:13px;}

.pro_center_box{  margin: 15px auto;}
.pro_center_box h1{ font-size: 16px;

    line-height: 30px;
    margin-bottom: 10px;}
.pro_center_box img{ max-width: 100%; }



}


.welf{
	width: 100%;
}

.welf ul{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.welf ul li{
	width: 46%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 4vw;
	direction: rtl;
}

.welf ul li .thum{
	width: 150px;
	border-radius: 50%;
}

.welf ul li .info{
	width: calc(100% - 240px);
	direction:initial;
	position: relative;
}

.welf ul li .info .num{
	width: auto;
	height: auto;
	position: absolute;
	right: 0%;
	top: 50%;
	font-family: BrownBlod;
	-webkit-transform: translateY(-50%);
	font-size: 10vw;
	opacity: .1;

}


.welf ul li:nth-child(1) .info .num{ color: #2487bf;  }
.welf ul li:nth-child(2) .info .num{ color: #7030a0;  }
.welf ul li:nth-child(3) .info .num{ color: #ffc000;  }
.welf ul li:nth-child(4) .info .num{ color: #a5a5a5;  }

.welf ul li .info .name{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.welf ul li .info .name b{
	display: block;
	margin-bottom: 5px;
}
.welf ul li .info .name p{
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
}

.welf ul li .info .des{
	width: 100%;
	height: auto;
	position: relative;
	font-size: 16px;
	line-height: 1.7;
}


.welf ul li .pic {
    background: center center no-repeat;
    background-size: cover;
    -webkit-transition: all .5s;
}

.welf ul li .pic img{ max-width: 100%;}

.jieshao_0_box{ clear:both; width:100%; height:550px; background:url(../images/jieshao_2_bg.jpg) no-repeat center top; overflow:hidden;}

.wenzi0{ clear:both; text-align:left; padding-top:50px; max-width:1200px; margin:0 auto;}
.wenzi0 h2{ font-size:40px; line-height:60px; font-weight:normal; color:#fff;}
.wenzi0 h3{ margin:15px auto; width:60px; height:1px; background:#fff; }
.wenzi0 h4{ margin:30px auto; font-weight:normal; padding:0 25px; width:200px;border-left:1px solid #fff; border-right:1px solid #fff; line-height:30px; font-size:18px; color:#fff; }
.wenzi0 p{ font-size:18px; line-height:35px;color:#fff;}



.jieshao_1_box{ clear:both; width:100%; height:550px; background:url(../images/jieshao_1_bg.jpg) no-repeat center top; overflow:hidden;}

.wenzi{ clear:both; text-align:center; padding-top:50px;}
.wenzi h2{ font-size:40px; font-weight:normal;}
.wenzi h3{ margin:15px auto; width:60px; height:1px; background:#363636; }
.wenzi h4{ margin:30px auto; font-weight:normal; padding:0 25px; width:200px;border-left:1px solid #BCA065; border-right:1px solid #BCA065; line-height:30px; font-size:18px; color:#BCA065; }
.wenzi p{ font-size:18px; line-height:35px;}




.searchContent{position:absolute;top:70px;right:250px;padding:10px 15px 0 15px; width:300px; height:50px; z-index:99999;  display:none;  background:rgba(255,255,255,.6);}
.searchk{position:relative;}
.seachIcon{cursor:pointer;}
.sub-butn{ width:60px; height:40px; background:#ff0000; color:#fff; text-align:center; line-height:40px; float:right; border:none;}
.wenz_tex{margin-top:0px;width:215px;height:40px;background:#fff; border:none; float:left; padding-left:15px;}


.searchContentaa{position:absolute;top:60px;right:0px;padding:5px 5px 0 5px; width:300px; height:40px; z-index:999;  display:none;  background:rgba(255,255,255,.6);}
.searchkaa{position:relative;}
.seachIconaa{cursor:pointer;}
.sub-butnaa{ width:60px; height:30px; background:#ff0000; color:#fff; text-align:center; line-height:30px; float:right; border:none;}
.wenz_texaa{margin-top:0px;width:215px;height:30px;background:#fff; border:none; float:left; padding-left:15px;}



.home_about_tit{ width:100%; max-width:1200px; clear:both; text-align:center; margin:40px auto;}
.home_about_tit h2{ font-size:26px; line-height:35px;color:#363636;text-transform:uppercase; font-weight:normal;}
.home_about_tit h3{ font-size:16px; line-height:33px;color:#363636; font-weight:normal;}



@media (max-width: 800px) {

.home_about_tit{ max-width:100%;  margin:10px auto;}
.home_about_tit h2{ font-size:16px; line-height:26px;}
.home_about_tit h3{ font-size:14px; line-height:24px;}


}



.height80 {height:80px;clear:both;width:100%;}

.width1400 {max-width:1400px;margin:0 auto;position:relative;}

@media (max-width: 1199px) {

.width1400 {max-width:96%; padding:0 2%;}
}


.width1400 p img{ max-width:100%;}

.banner {position:relative;width:100%;height:auto;overflow:hidden;}
.banner .container {height:100%;}
.banner .contents {position:absolute;left:0px;width:100%;height:100%;}
.banner .content {position:absolute;top:0px;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:left top;text-align:center;}
.banner .contentInfo {overflow:hidden;position:absolute;top:50%;left:0px;width:800px;height:200px;margin-top:-100px;z-index:1;text-align:left;}
.banner .contentInfo .sub {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;}
.banner .contentInfo .sub {transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.banner .contentInfo .quan {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:128px;left:0px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;}
.banner .contentInfo .title {position:absolute;left:12%;top:8px;line-height:50px;font-size:45px;color:#fff;}
.banner .contentInfo .info {position:absolute;left:12%;top:80px;line-height:32px;font-size:22px;color:#fff;}
.banner .contentInfo .btn {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px;border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}
.banner .bannerNav {position:absolute;bottom:10px;width:100%;text-align:center;z-index:1;}
.banner .bannerNav .bannerNavChild {margin:0 5px;width:15px;height:15px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:8px;cursor:pointer;z-index:1;}
.banner .bannerNav .bannerNavChild.on {background:#ff7007;animation:bannerNavChildOn .2s  ease-in-out 0s  both;-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}
.banner .bannerBg {width:100%;height:auto;vertical-align:middle;}


.news_box{ clear:both; width:100%; padding:0px 0; margin:0 auto;}
.news_box a.more{ display:block; margin:20px auto 0 auto; font-size:15px; width:170px; height:50px; background:#0175ae; line-height:50px; text-align:center; color:#fff;}
.news_box a:hover.more{ background:#417ebc;}


@media (max-width: 639px) {

.news_box{  padding:0 0 10px 0;}
.news_box a.more{ display:block; margin:10px auto 0 auto; font-size:13px; width:120px; height:30px; background:#0175ae; line-height:30px; text-align:center; color:#fff;}
.news_box a:hover.more{ background:#417ebc;}


}



.home_news_box{clear:both; width:100%; padding:0px 0; margin:0 auto; max-width:1400px;}
.home_news_box .left{ float:left; width:32.33%; text-align:left; margin-right:1%;} 
.home_news_box .left img{ max-width:100%; margin-bottom:20px;}
.home_news_box .left h1{ font-size:20px; line-height:40px; color:#111; font-weight:700;}
.home_news_box .left a h1:hover{ color:#296caf; }
.home_news_box .left .intro{ font-size:15px; line-height:28px; color:#666;} 
.home_news_box .left .date{ font-size:14px; line-height:30px;  position:relative; padding-left:20px;}
.home_news_box .left .date:before{ position:absolute; content:""; left:0; top:7px; width:13px; height:13px; background:url(../images/riqi.jpg) no-repeat;} 


.home_news_box .center{ float:left; width:31.33%;background:url(../images/home_newbg.jpg) no-repeat; height:500px; margin:0 1%; padding:2% 2%;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */} 
.home_news_box .center h1{ font-size:20px; line-height:40px; color:#11;font-weight:700;}
.home_news_box .center a h1:hover{ color:#296caf; }
.home_news_box .center .intro{ font-size:15px; line-height:28px; color:#666;} 
.home_news_box .center .date{ font-size:14px; line-height:30px;  position:relative; padding-left:20px;}
.home_news_box .center .date:before{ position:absolute; content:""; left:0; top:7px; width:13px; height:13px; background:url(../images/riqi.jpg) no-repeat;} 

.home_news_box .right{ float:left; width:32.33%; margin-left:1%;} 

@media (max-width: 639px) {

.home_news_box .left{ float:none; width:96%; text-align:left; margin-right:2%; margin-left:2%;} 
.home_news_box .left h1{ font-size:16px; line-height:30px; color:#111; font-weight:700;}

.home_news_box .left .intro{ font-size:14px; line-height:24px; color:#666;} 
.home_news_box .left .date{ font-size:13px; line-height:22px;  position:relative; padding-left:20px;}

.home_news_box .center{ float:none; width:96%;background:url(../images/home_newbg.jpg) no-repeat; height: auto; margin:10px 2%; padding:8% 2%;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */} 
.home_news_box .center h1{ font-size:16px; line-height:30px; color:#11;font-weight:700;}
.home_news_box .center .intro{ font-size:14px; line-height:24px; color:#666;} 
.home_news_box .center .date{ font-size:13px; line-height:22px;  position:relative; padding-left:20px;}


.home_news_box .right{ float:none; width:96%; margin:0 2%;} 

}

.tab2{width:100%; max-width:250px; padding-bottom:5px;}
.tab2 li{  display: inline-block; background:#fff; border-radius:5px; border:1px solid #ddd; margin:10px 0;}
.tab2 input ,.tab2 textarea{ width:90%;line-height:30px;padding: 5px 5%; margin-left:10px;border: 1px solid #fff; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab2 input:hover ,.tab2 textarea:hover{ border-color:#fff;}

.tab2 .sumbitaa{margin-top:10px; width:100px; font-size:16px; height:35px; border:none; background: #0175ae; display:inline-block; line-height:35px;  border-radius:0; text-align:center; color:#fff; padding:0;}


.service_box{ clear:both; width:100%; height:792px; margin:0 auto; background: url(../images/home_service_bg.jpg) center bottom;}

.zhuying{ padding:30px 0; text-align:center; color:#fff; font-size:15px; line-height:27px; max-width:1000px; margin:0 auto;}



@media (max-width: 1023px) {
.zhuying{padding:15px 0; color:#363636; font-size:14px;}
}

@media (max-width:639px) {
.zhuying{padding:10px 0; color:#363636; font-size:13px;}
}

/*分享*/
.social-icons { float:left;}
.social-icons.about {float: left;margin: 0 0 0 -5px;}
.social-icons li {display: inline;list-style: none;text-indent: -9999px;margin-left: 5px;float: left;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}		
.social-icons li a {background-repeat: no-repeat;background-position: 0 0;display: block;height: 28px;width: 28px;}

#social a img{border: none;}
.dribbble {background: url(../dribbble.png) no-repeat #fff;}
.facebook {background: url(../facebook.png) no-repeat #fff;}
.linkedin {background: url(../linkedin.png) no-repeat #fff;}
.pintrest {background: url(../pintrest.png) no-repeat #fff;}
.twitter {background: url(../twitter.png) no-repeat #fff;}



/* 效果CSS开始 */
#box_r{ width:70px; height:auto; position:fixed; right:0; top:200px; z-index:9999;}
#float li p[data-v-3498646e]{ color:#fff; margin-top:5px;}

#float li[data-v-3498646e] {
	height:70px;
	width:70px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-top:1px
}

#float li:hover[data-v-3498646e] {
	background:#FE8100;
}


#float li .iconfont[data-v-3498646e] {
	color:#fff;
	font-size:40px;
	display:block
}
#float li>a[data-v-3498646e] {
	font-size:13px;
	text-decoration:none;
	color:#fff
}


#float .wechat[data-v-3498646e] {
	background:#417ebc
}
#float .wechat a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .wechat img[data-v-3498646e] {
	width:23px;
	height:26px
}


#float .zixun[data-v-3498646e] {
	background:#417ebc;

}
#float .zixun a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .zixun img[data-v-3498646e] {
	width:23px;
	height:26px;
	 text-align:center;
	  margin:0 auto;
}


.popup[data-v-3498646e] {
	display:none;
	position:absolute;
	left:-177px;
	top:0;
	width:177px
}

.wechat:hover .popup[data-v-3498646e] {
	display:inline-block
}
.wechat:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.zixun:hover .popup[data-v-3498646e] {
	display:inline-block
}
.zixun:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.footer_box {background: url(../images/foot_bg.jpg) no-repeat center top;width:100%;clear:both;height:500px; padding-top:0;position:relative;}
.footer_box_pic {float:right;margin-right:40px;margin-top:40px;}
.footer_box_pic img {width:140px;height:140px;}
.footer_box_pic h2 {line-height:50px;font-size:14px;color:#fff;text-align:center;}
.footer_left {float:left;}
.footer_right {position:absolute;bottom:-4px;right:0px;}
.footer_link {padding-top:40px;}
.footer_link ul li {position:relative;float:left;left:0;margin:0 20px;font-size:14px;color:#363636;overflow:hidden;margin-top:9px;cursor:pointer;}
.footer_link ul li div {padding-bottom:7px;}
.footer_link ul li a,.footer_link ul li a:hover {color:#363636;}
.footer_link ul li i {width:100%;height:1px;display:block;-webkit-transform:translateX(-110%);-moz-transform:translateX(-110%);-o-transform:translateX(-110%);transform:translateX(-110%);background:#0090D2;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.footer_link ul li:hover i,.footer_link ul li.cur i {-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.foot_logo {float:left;max-width:200px;padding:20px 0;background:#fff;margin-top:50px;}
.foot_logo img {max-width:100%;max-height:100%;}
.footer_link ul li div a:hover {color:#fff;}
.foot_line {clear:both;width:920px;padding-top:30px;position:relative;}
.contact_box {max-width:1400px;margin-top:70px;height:270px;}
.contact_box_1 {float:right;}
.contact_box_1 p {color:#ddd;line-height:30px;padding-left:10px;font-size:15px;}
.contact_box_1 p span {font-size:25px;color:#fff;}
.contact_box_2 {margin-top:35px;float:left;}
.contact_box_2 p {color:#ddd;line-height:30px;font-size:14px;}
.footer_bottom {height:60px;border-top:1px solid #1A2C36;clear:both;width:100%;}
.footer_bottom p {line-height:60px;color:#fff;font-size:14px;text-align:left;}
.footer_bottom p a {color:#fff;}
.page-footer {overflow-x:hidden;padding:10px 0 0px 0;color:#ccc;box-sizing:border-box}
.page-footer dl {float:left;min-width:16%;box-sizing:border-box}
.page-footer dl:last-child {position:relative;z-index:3}
.page-footer dl:last-child,.page-footer dl:last-child a {color:#fff}
.page-footer dl dt {font-size:17px;font-size:17px\9;padding:45px 0 15px 0;font-weight:400;color:#fff}
.page-footer dl dd {padding:7px 0;font-size:15px;color:#eee; display:block; width:100%;}
.page-footer dl p { line-height:30px;}
.page-footer dl dd a {color:#eee;}
.page-footer dl dd a:hover {color:#fff;}
.page-footer dl dd.lianxiren {background:url(../images/foot_m_youce2.png) no-repeat left top;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.shouji {background:url(../images/dh.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.zuoji {padding-left:35px;margin:5px -30px;display:inline-block;}
.page-footer dl dd.email {background:url(../images/foot_m_youce1.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.dizhi {background:url(../images/dizhi.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dt.online {margin-top:30px}
.clear {clear:both;overflow:hidden}
.page-footer i {display:inline-block;height:30px;width:30px;vertical-align:middle;margin-right:13px;margin-right:13px\9}
.page-footer i.saler {background:url(../img/footer_icon.png) no-repeat;background-position:-4px -6px}
.page-footer i.c_server {background:url(../img/footer_icon.png) no-repeat;background-position:-60px -1px}
.page-footer a {color:#949ca1;display:inline-block}
.page-footer a:hover {color:#417ebc;text-decoration:none}
.page-footer .Copyright {position:absolute;width:98%;bottom:0;font-size:12px;font-size:12px\9;padding:6px 0 6px 2%;box-sizing:border-box;border-top:1px solid #585858}
.page-footer .Copyright a {margin-left:20px}
.page-footer .Copyright .y_f {float:right}
.page-footer .Copyright .y_f a {margin:0 6px}
.page-footer .part_msk {height:110%;width:20%;position:absolute;right:0;top:-50px;background:rgba(181,192,200,.2);z-index:1}
.page-footer .indicators {margin-bottom:14px}
.page-footer .indicators li {display:inline-block;vertical-align:middle;cursor:pointer}
.page-footer .indicators-1,.page-footer .indicators-2,.page-footer .indicators-3 {display:inline-block;background:url(../img/f.jpg) no-repeat;width:49px;height:35px}
.page-footer .indicators .indicators-2 {background-position:4px -34px}
.page-footer .indicators .indicators-3 {background-position:0 -74px}
.page-footer .tabs .img-box {width:100px;height:116px;position:relative;background:#333242;color:#fff;text-align:center;font-size:12px}
.page-footer .img-box p {width:100px;height:88px;}
.page-footer .img-box p:before {content:'';display:inline-block;border-bottom:16px solid #333242;border-left:12px solid transparent;border-right:12px solid transparent;position:absolute;top:-12px;left:50%;margin-left:-14px}
.page-footer .tab0 .img-box {margin-left:-30px}
.page-footer .tab1 .img-box {margin-left:20px}
.page-footer .tab2 .img-box {margin-left:0px}
.page-footer .tab0 p {background:url(../img/erweima.png) no-repeat center bottom;margin-bottom:5px}
.page-footer .tab2 p {background:url(../img/erweima.png) no-repeat center bottom;margin-bottom:5px}
@media (max-width:1400px) {.page-footer dl dt {font-size:16px;font-size:16px\9;}
.page-footer dl dd {font-size:13px;}
.page-footer .p_contain {width:20%}
.page-footer {padding:40px 0 0px 0;}
}
@media (max-width:1200px) {.page-footer {padding:30px 0 0px 0;}
.page-footer dl dt {font-size:15px;font-size:15px\9;}
.page-footer dl dd {font-size:13px;}
.page-footer .p_contain {width:16%}
}


.foot_lianxi{ clear:both; width:100%; margin-top:80px; border-bottom:1px solid #618fc2; position:relative;}
.foot_lianxi,.foot_lianxi p{ font-size:15px; color:#fff; line-height:27px; letter-spacing:1px; padding-bottom:10px;}
.foot_lianxi_link{ position:absolute; right:5px; top:0;}

.foot_lianxi_link ul li{ display:inline-block; margin:0 0px;}

.country-select .weixin_jj{ display:block; width:30px;}
.country-select {display: inline-block;color: #fff;position: relative;cursor: pointer; }
.country-select dl {position: absolute;text-align: left;width: 120px;display: block;background: #fff;border-radius: 5px;margin-top: -170px;overflow: visible;z-index: 99;
margin-left: -50px}
.country-select dl dd{ margin:2px 5px; padding:3px 0}
.country-select dl dd img{ max-width:110px;} 
/*.country-select ul:before {content: '';display: inline-block;position: absolute;bottom: -7px;left: 50%;margin-left: -5px;border-top: 7px solid #ccc;border-left: 5px solid transparent;border-right: 5px solid transparent;}*/
.country-select:hover dl {display: block;box-shadow: 0 0 4px #a9a9a9}





.dingyue_box{ clear:both; width:100%; max-width:100%;  padding-top:50px; margin-top:0px;}
.dingyue_left{ width:20%; max-width:250px; float:left; text-align: left; font-size:14px; color:#eee; background:url(../images/foot_logo.png) no-repeat left top; padding-left:120px;}
.dingyue_left h2{ font-size:18px; font-weight:normal; line-height:35px; color:#fff}
.dingyue_left p{ font-size:14px; line-height:24px}
.dingyue_youbian{ float:right;}
.dingyue_center{ float:left; width:720px; height:53px;}
.dingyue_box input{ font-size:14px; letter-spacing:1px;}
.dingyue_center input.dingyue_input { color:#333; background:#fff; border:none; line-height:53px; padding-left:10px; width:150px; border-radius:5px; float:left;}
.dingyue_center input.dingyue_input1 { color:#333; background:#fff; border:none; line-height:53px; padding-left:10px; width:350px; margin-left:10px; border-radius:5px; float:left;}
.dingyue_center input.dingyue_input2 { color:#333; background:#fff; border:none; line-height:53px; padding-left:10px; width:100px; margin-left:10px; border-radius:0; float:left;}

.didngyue_right{ float:left; width:160px; height:53px; background:url(../images/foot_fasong.png) no-repeat center top; line-height:53px; font-size:18px; color:#fff; padding-left:0px; margin-left:10px; border:none;}




@media (max-width:800px) {
.footer_box { display:none;}


#box_r{ display:none;}

}

.wendachild {clear:both;padding:0 0;width:100%;margin:20px auto;float:none;border-bottom:1px solid #ddd; padding-bottom:30px;}
.wendachild:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.wendachild .childIcon:hover {background:#fff;color:#037ABD;}
.wendachild .childIcon .sub {position:absolute;height:2px;top:26px;right:9px;width:12px;height:2px;background:#037ABD;display:block;}
.wendachild .childIcon:before {  position:absolute; content:"MORE"; right:35px; font-size:14px; top:20px;}

.wendachild .childIcon:after {  position:absolute; content:""; right:130px; top:0px; width:1px; height:50px; background:#eee;}


.wendachild .childIcon .sub.sub2 {transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);background:#037ABD;}
.wendachild .childIcon .sub2 {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.wendachild .childIcon {cursor:pointer;position:relative;width:100%;background:#fff;color:#037ABD;}
.wendachild .childIcon {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.wendachild .childIcon.on .sub2 {transform:rotate(90deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);background:#455560;}
.wendachild .title { height:50px; clear:both; width:100%;}

.wendachild .ask_box{ width:70px; float:left;}
.wendachild .title_ask{ display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid #6baad6;
  border-radius: 50%;
  text-align: center;}

 .wendachild .title_ask span{margin: auto; width:100%;line-height:50px;color:#037ABD;font-size:24px; font-weight:700;text-align:center; text-transform:uppercase;}
 
 .wendachild .title h1 { 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 70px);
  float:left;
  font-size:18px; letter-spacing:normal; overflow:hidden; line-height:50px; color:#363636; }
  
.wendachild .childContent {display:none;padding:1% 3%;background:#f1f1f1; margin-bottom:0px; margin-top:20px; width:94%;}
.wendachild .childContent h6 {color:#999;line-height:24px;font-size:13px;min-height:auto;margin:0;}
.wendachild .childContent p {color:#333;line-height:30px;font-size:16px;min-height:auto;margin:0;display:block;}
.wendachild .childContent h6 a {color:#999;}
.wendachild .childContent h6 a:hover {color:#fff;}

@media (max-width:639px) {
.wendachild {margin:10px auto;}
.wendachild .title {line-height:26px;font-size:14px;}
.wendachild .childContent p {line-height:24px;font-size:13px;min-height:auto;margin:0;display:block;}



.wendachild .ask_box{ width:60px; float:left;}
.wendachild .title_ask{  width: 50px;height: 50px;}

 .wendachild .title_ask span{margin: auto; width:100%;line-height:50px;color:#037ABD;font-size:15px; font-weight:700;text-align:center; text-transform:uppercase;}
.wendachild .title { height: 60px; clear:both; width:100%;}

 .wendachild .title h1 { width: calc(100% - 60px);font-size:14px; letter-spacing:normal; overflow:hidden; line-height:50px;}
  
  .wendachild .childIcon .sub{ display:none;}
  .wendachild .childIcon:before{ display:none;}
  .wendachild .childIcon:after{display:none;}
  
  .wendachild .childContent { margin-top:0px;}
  
  
}




.link_list_li{overflow:hidden;height:100%;padding:0; text-align:center;  width:100%;  margin:0 auto;}
.link_list_li_span{height:70px; display:inline-block; vertical-align:middle; }
.link_list_li img{ max-width:100%; max-height:100%;}


.animate05{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI {}
#partnersI .links li{width: 25%;height:100%;position: relative; text-align:center; background:#fff;margin:0; float:left; padding:0; overflow:hidden;}
#partnersI .links li .fontW{width: 100%;height: 100%; color: #fff;background: #0175ae;position: absolute;top: 0;left: 0;opacity: 0;display:none\9;}
#partnersI .links li .fontW span{display: block;width: 100%;height: auto;position: absolute;top: 35px;width: 180px;font-size: 18px;left: 50%;margin-left: -80px;line-height: 24px;text-align: center;-webkit-transform: translateY(20px);-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI .links li:hover .fontW{opacity: .7;display:block\9;}
#partnersI .links li:hover .fontW span{-webkit-transform: translateY(0px);}

#partnersI .links li .fontW_wenzi{display: block;width: 100%;height: auto;position: absolute;top: 40%; margin-top:0px;width: 100%;left: 50%;margin-left: -174px;}
#partnersI .links li .fontW_wenzi h1{font-size: 20px;line-height: 35px; color:#fff;}
#partnersI .links li .fontW_wenzi h2{font-size: 17px;line-height: 30px; color:#eee;}

@media (max-width: 639px) {

#partnersI {padding-left:0px;}
#partnersI .links li{width:46%;height:auto !important; margin:1% 2%; padding:0;}
#partnersI .links li img{ max-width:100%; height:auto !important;}
#partnersI .links li .fontW{width: 100%;height: 100%;}
#partnersI .links li .fontW span{top:30px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}


.link_list_li{overflow:hidden;height:100%;padding:0; text-align:center;  width:auto;  margin:0 auto;}
.link_list_li_span{height:50px; display:inline-block; vertical-align:middle; }
.link_list_li img{ max-width:100%; max-height:100%;}



#partnersI .links li .fontW_wenzi{display: block;width: 100%;height: auto;position: absolute;top: 40%; margin-top:0px;width: 100%;left: 50%;margin-left: -50%;}
#partnersI .links li .fontW_wenzi h1{font-size: 16px;line-height: 30px; color:#fff;}
#partnersI .links li .fontW_wenzi h2{font-size: 14px;line-height: 24px; color:#eee;}

}
@media (min-width: 640px) and (max-width:1023px ) {

#partnersI {padding-left:0px; clear:both; width:100%;}
#partnersI .links li{width:17%;height:auto !important; margin:2% 1%;}
#partnersI .links li img{ width:100%; height:auto !important;}
#partnersI .links li .fontW{width: 100%;height: 100%;}
#partnersI .links li .fontW span{top:40px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}


}

.dibu_box{ clear:both; width:100%; height:66px; background:#242424;}
.dibu_box p{font-size:14px; line-height:60px; color:#ddd; float: left;}
.dibu_box .lianjie{float: right; margin-right:5px; margin-top:15px; line-height:45px; font-size:14px; color:#ccc;}
.dibu_box .lianjie .tubiao_left{float:left; margin-right:15px;}


@media (max-width:800px) {
.dibu_box{ clear:both; width:100%; height: auto!important ; padding-top:10px; padding-bottom:10px;}
.dibu_box p{float: none; text-align:center; line-height:30px; font-size:13px;}
.dibu_box p a{ font-size:13px;}
.dibu_box .lianjie{float: none; margin-right:0; margin: 0 auto; text-align:center;}  
.dibu_box .lianjie .tubiao_left{float:none; margin:0 auto; display:inline-block;}
.dibu_box .lianjie .tubiao_left img{ max-width:70%;}
}

.link_box {clear:both;width:100%;height:50px;border-bottom:1px solid #1A2C36;margin-top:20px;margin-bottom:20px;}
.link_box ul li {display:inline-block;min-width:80px;margin:0 25px;text-align:left;color:#fff;font-size:15px;}
.link_box ul li a {color:#fff;}
.link_box ul li:first-child {margin:0 25px 0 0;}


.anli_biaoti{ clear:both; width:100%; font-size:20px; line-height:40px; border-bottom:1px solid #ccc; color:#417ebc; text-align:center; font-weight:700; padding-bottom:5px;}
.anli_biaoti_fu{ clear:both; width:100%; font-size:16px; line-height:30px;  color:#363636; text-align:center; font-weight: normal; padding-bottom:15px;}
.anli_pic{ clear:both;  width:100%;text-align:center; margin-top:50px;}
.anli_pic img{ max-width:100%; max-height:100%; display:block; margin:0px auto;}
.anli_cont{ clear:both; margin:30px auto; width:100%;}

.jieshao_box{ clear:both; width:100%; background:#f7f7f7;}
.jieshao_box h1{ font-size:18px; font-weight:700; line-height:60px; text-align:center; width:200px; height:60px; background:#009FE7; color:#fff; margin-bottom:30px;}
.jieshao_box p{ font-size:16px; line-height:35px;}

.jieshao_box p img{ max-width:100%; max-height:100%;}

.product_right{float:right; width:550px;padding:30px 20px 0 20px; border:1px solid #ddd; background:#fff; min-height:635px; margin-top:0; }
.product_right p{ font-size:16px; line-height:25px; width:100%;}
.product_right hr{height:1px;border:none;border-top:1px solid #ccc; margin:8px 0;}

.product_right .pro_biaoti{  padding-bottom:20px; font-size:24px;color:#363636; font-weight:700; border-bottom:1px solid #ccc;line-height:35px;}

.product_right .pro_jieshao{ width:100%; padding:0; float:left; font-size:16px; min-height:100px;}
.product_right .pro_jieshao h4{ font-size:18px; color:#363636; line-height:60px; font-weight:700; height:60px; background:#fff;}
.product_right .pro_jieshao dd{ width:100%; min-height:50px; line-height:50px; border-bottom:1px solid #eee;}

.product_right .pro_jieshao dd:nth-child(2),.product_right .pro_jieshao dd:nth-child(4),.product_right .pro_jieshao dd:nth-child(6){ background:#f7f7f7;}


.product_right .pro_jieshao p{ padding-left:0;}
.product_right .pro_jieshao h4 span{  margin-right:20px; height:40px; max-width:250px; text-align:left;display:block; color:#C42329;}

.product_right .pro_jieshao ul{ width:100%; clear:both;}
.product_right .pro_jieshao ul li{ width:98%;  line-height:30px; float:left; text-align:left; padding-left:2%;   font-size:15px;} 

.product_right .pro_jieshao ul li p{padding:10px 3%; width:94%; border-bottom:1px solid #eee; position:relative;}


.product_right .pro_jieshao ul li p:before{ position: absolute; content:"-"; left:0px; top:10px; color:#2A6DB1;}


.product_right .pro_jieshao ul li p:nth-child(2),.product_right .pro_jieshao ul li p:nth-child(4),.product_right .pro_jieshao ul li p:nth-child(6),.product_right .pro_jieshao ul li p:nth-child(8){ background:#f7f7f7;}


.proshow_list_li{overflow:hidden;height:600px;padding:0; text-align:center;  width:600px;  margin:0 auto;}
.proshow_list_li_span{height:600px; display:inline-block; vertical-align:middle; }
.proshow_list_li img{ max-width:100%; max-height:100%;}

@media (max-width: 1300px) {
.proshow_list_li{height:450px; width:450px;}
.proshow_list_li_span{height:450px;}
.product_right{ min-height:450px; width:420px;  }




}

@media (max-width: 1200px) {

.product_right{  width:320px; min-height: inherit;  }
.proshow_list_li{height:400px; width:400px;}
.proshow_list_li_span{height:400px;}


.product_right{min-height:100px; margin-top:10px;width:320px;  }
.product_right .pro_biaoti{  padding-bottom:0px; font-size:18px; line-height:35px;}
.product_right .pro_jieshao{ width:100%; padding:10px 0; float:left; font-size:14px; min-height:60px;border-bottom:1px solid #eee;}
.product_right .pro_jieshao h4{ font-size:16px;  line-height:30px; height:30px; }
.product_right .pro_jieshao p{}
.product_right .pro_jieshao h4 span{  height:30px; }

.product_right .pro_jieshao span.yingwenban{ line-height:22px;}

}

@media (max-width: 1200px) {
.proshow_list_li{height:400px; width:400px;}
.proshow_list_li_span{height:400px;}

}
@media (max-width: 1060px) {
.product_right{width:220px;  }

}
@media (max-width: 1024px) {
.product_right{float:none; width:96%; max-width:100%;padding-left:2%; clear:both; margin-top:-200px;}

}

@media (max-width: 800px) {
.proshow_list_li{height:300px; width:300px;}
.proshow_list_li_span{height:300px;}
.product_right .pro_biaoti{ line-height:30px; font-size:16px;padding:0px 0 0 0;}
.product_right p{ font-size:14px; line-height:24px;}

.product_right{ border:none;margin-top:0px; padding:0; width:100%;margin-top:-300px; }
.product_right .pro_jieshao dd{  min-height:35px; line-height:30px; }
.product_right .pro_jieshao{padding:5px 0; min-height:inherit;}
.product_right .pro_jieshao h4{ font-size:14px;  line-height:30px; height:30px; }

.product_right .pro_jieshao ul li{ line-height:30px;font-size:14px; width:97%; padding-left:2%;  } 

.jieshao_box h1{ font-size:14px; line-height:40px; text-align:center; width:120px; height:40px; margin-bottom:10px;}
.jieshao_box p{ line-height:24px; font-size:14px;}

.product_right .pro_jieshao ul li:nth-child(8) {width:97%; border-top:none; height:80px; line-height:24px; margin-top:5px;}

.product_right .pro_jieshao ul li:nth-child(1),.product_right .pro_jieshao ul li:nth-child(3),.product_right .pro_jieshao ul li:nth-child(5){ background:#f7f7f7;}

.product_right .pro_jieshao ul li:nth-child(2),.product_right .pro_jieshao ul li:nth-child(4),.product_right .pro_jieshao ul li:nth-child(6){ background:#fff;}

.anli_biaoti{  font-size:16px; line-height:30px;  padding-bottom:10px;}
.anli_pic{margin-top:10px;}

.anli_cont{ margin:10px auto;}

.jieshao_box{ clear:both; width:100%; background:#f7f7f7;}
.jieshao_box h1{ font-size:16px; line-height:30px; text-align:center; width:100%; height:30px;  margin-bottom:10px;}
.jieshao_box p{ font-size:14px; line-height:26px;}



}


@media (max-width: 639px) {
.product_right{margin-top:-200px; }
}


@media (max-width:480px) {
.product_right{margin-top:-100px; }
}


@media (max-width:380px) {
.product_right{margin-top:-50px; }
}


@media screen and (max-width:870px) {
.menu{}
.am-paragraph-default p{ margin:0 0 10px 0;}
.web_w{width:100%;max-width:100%; margin:0; padding:0;}
.menu{height:50px; padding:0; background:none;width:100%;z-index:1000; position: absolute; padding:0px 0; background:#fff;}
.am-topbar-btn{ background:none; position:absolute; right:10px; top:15px; width:25px; height:20px;color:#333;  z-index:100; display:block!important;}
.am-topbar-btn span{display:block;width:100%;height:2px;position:absolute;background-color:#333;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.menu.am-sticky .am-topbar-btn span ,.inner_header .menu .am-topbar-btn span{background-color:#333!important;}
.am-topbar-btn span:nth-of-type(1){top:0;left:0;opacity:0;}
.am-topbar-btn span:nth-of-type(4){bottom:0;left:0;opacity:0;}
.am-topbar-btn span:nth-of-type(2),.am-topbar-btn span:nth-of-type(3){top:50%;left:0;margin-top:-1px;}
.am-topbar-btn span:nth-of-type(2){-moz-transform:rotate(45deg);-ms-transform:rotate(45deg));-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#333;}
.am-topbar-btn span:nth-of-type(3){-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#333;}
.am-topbar-btn.am-collapsed span:nth-of-type(2){-moz-transform:rotate(0);-ms-transform:rotate(0));-webkit-transform:rotate(0);transform:rotate(0);background-color:#333;}
.am-topbar-btn.am-collapsed span:nth-of-type(3){-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);background-color:#333;}
.am-topbar-btn.am-collapsed span:nth-of-type(1),.am-topbar-btn.am-collapsed span:nth-of-type(4){opacity:1;}
.am-topbar-collapse { float:none; clear:both; padding:0; position:relative; top:0px; margin:0px;}
.am-topbar-collapse.am-collapse{display:none!important;}
.am-topbar-collapse.am-collapse.am-in{display:block!important; height:100vh!important;background:#fff;transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;}
.nav ,.menu.am-sticky .nav{ height:auto; float:none; clear:both; margin:0!important;padding-top:50px!important;}
.nav li ,.menu.am-sticky .nav li { float:none;margin:0; border-bottom:#ddd solid 1px; padding:0; line-height:normal;transform: translateY(30px);-webkit-transform: translateY(30px);-moz-transform: translateY(30px);opacity:0; font-size:14px;}
.nav li:first-of-type{ display:block;}
.nav li a ,.menu.am-sticky .nav li a{height:40px;line-height:40px; position:relative; padding:0 14px;color:#363636;}
.nav li a:before{ display:block; line-height:50px; content:''; float:right;}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(1){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .1s;
	-webkit-transition: all .6s ease .1s;
	-moz-transition: all .6s ease .1s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(2){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .2s;
	-webkit-transition: all .6s ease .2s;
	-moz-transition: all .6s ease .2s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(3){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .3s;
	-webkit-transition: all .6s ease .3s;
	-moz-transition: all .6s ease .3s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(4){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .4s;
	-webkit-transition: all .4s ease .4s;
	-moz-transition: all .6s ease .4s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(5){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .5s;
	-webkit-transition: all .6s ease .5s;
	-moz-transition: all .6s ease .5s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(6){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .6s;
	-webkit-transition: all .6s ease .6s;
	-moz-transition: all .6s ease .6s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(7){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .7s;
	-webkit-transition: all .6s ease .7s;
	-moz-transition: all .6s ease .7s;
}


.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(8){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .7s;
	-webkit-transition: all .6s ease .7s;
	-moz-transition: all .6s ease .7s;
}

.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(9){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .7s;
	-webkit-transition: all .6s ease .7s;
	-moz-transition: all .6s ease .7s;
}


}



.home_kefu{ width:100%;}
.home_kefu ul{ margin-top:10px;}
.home_kefu ul li{ display:inline-block; width:46%; margin:10px 2%; float:left; text-align:center;}
.home_kefu ul li img{ margin:0 auto; max-width:100%; max-height:100%;}
.home_kefu ul li  h2{ line-height:28px; color:#363636; font-size:14px;}




/*菜单*/
.service_a .selectBtn a .cn:before{content:""}
.service_a{padding-bottom:5px; background:#417ebc; padding-top:5px;box-shadow:0 20px 40px 0 rgb(0 0 0 / 10%); margin-bottom:70px;}
.service_a .selectBtn{text-align:center; margin:0 auto; max-width:1400px;}
.service_a .selectBtn a{margin:0 15px 0 0;display:inline-block;padding:10px;width:230px;height:50px;text-align:left;transition:all .5s;white-space:nowrap;color:#fff; color:#fff}
.service_a .selectBtn a.active,.service_a .selectBtn a:hover{background:#1d4d7e;border-color:#fff;color:#fff}
.service_a .selectBtn a.active .cn:before,.service_a .selectBtn a:hover .cn:before{width:100%;background-color:#fff;}
.service_a .selectBtn a .boxbx{position:relative}
.service_a .selectBtn a:hover .cn,.service_a .selectBtn a:hover .en{color:#fff}
.service_a .selectBtn a:hover .cn:before{background-color:#fff}
.service_a .selectBtn a .cn{position:relative;padding-top:20px;font-size:18px;line-height:30px}
.service_a .selectBtn a .cn:before{position:absolute;top:10px;left:0;width:24px;transition:all .5s;height:2px;background-color:#fff}
.service_a .selectBtn a .en{font-size:12px; letter-spacing:normal;text-transform:Uppercase;}
                                                                                                                                    


/*菜单*/
.service_aa .selectBtn a .cn:before{content:""}
.service_aa{padding-bottom:5px; background:#fff; padding-top:5px; margin-top:10px; }
.service_aa .selectBtn{text-align:center;}
.service_aa .selectBtn a{margin:0 15px;display:inline-block;padding:10px;width:150px;height:35px; background:#999;text-align:center;transition:all .5s;white-space:nowrap;color:#fff}


.service_aa .selectBtn a.active,.service_aa .selectBtn a:hover{background:#2A6DB1;border-color:#6DBB56;box-shadow:0 0 15px rgba(0,0,0,.2);color:#fff}

.service_aa .selectBtn a .boxbx{position:relative}
.service_aa .selectBtn a .cn{position:relative;padding-top:1px;font-size:15px;line-height:30px}
.service_aa .selectBtn a .en{font-size:12px; letter-spacing:normal;text-transform:Uppercase;}


@media only screen and (max-width:1023px){
.service_a{ margin-bottom:0;}
.service_a .selectBtn a{width:45%;height:50px;margin:0 1% 0 1%;padding:1%; display:inline-block;}
.service_a .selectBtn{margin-top:0px;padding-top:0px;text-align:left}
.service_a .selectBtn a .cn{font-size:14px}
.service_a .selectBtn a .en{ display:none;}

}


@media (min-width: 1024px) and (max-width:1199px ) {

.service_a .selectBtn a:nth-child(3){margin-right:0}
.service_a .selectBtn a .cn{font-size:15px}
}


.animate {
	transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
}

.h_p {
	width: 100%;
	height: auto;
}

.h_p ul li {
	width: 29.33%;
	margin:20px 2%;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
	padding-bottom:30px;
	background:#fff;

}

.h_p ul li img {
	width: 100%
}

.h_p ul li .pic {
	width: 100%;
	height: auto;
	background:none;
	position: relative;
	background-position: center center;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat
}

.h_p ul li .pic img {
	opacity: 1
}

.h_p ul li .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}

.h_p ul li .mask .thum {
	width: 100%;
	height: auto;

	overflow: hidden;
	position: absolute;
	left:0;
	top: 0;
	background-position: center center;
	background-color: #fff;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat
}

.h_p ul li .mask .cat {
	width: 100%;
	height: auto;
	position: absolute;
	text-align: center;
	top: 86%;
	font-weight: 700;
	font-size: 18px
}

.h_p ul li:nth-child(2) .mask .cat {
	background-position: 0 -55px
}

.h_p ul li:nth-child(3) .mask .cat {
	background-position: 0 -110px
}

.h_p ul li.mask .name {
	width: 100%;
	height: auto;
	line-height: 26px;
	text-align: center;
	color: #363636;
	text-align: center;
	position: absolute;
	left: 0;
	top: 90%;
	font-weight: normal;
	font-size: 16px
}

.h_p ul li .title {
	width: 100%;
	height: 30px;
    line-height: 30px;
	text-align: center;
	clear:both;

	font-size: 15px;
	position:absolute;
	top:90%;
	left:0;
	z-index:99;

	opacity: 1;
		visibility: visible;
	color:#111;



}
.h_p ul li .title span{ color:#fff; background:#0175ae; padding:10px 15px; text-align:center;}
.h_p ul li .btn {
	width: 151px;
	height: 36px;
	display: block;
	cursor: pointer;
	background: url(../images/btn_bg.png) no-repeat;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	position: absolute;
	left: 50%;
	margin-left: -75.5px;
	top: 40%;
	opacity: 1;
	visibility: hidden;
	-webkit-transition-delay: .2s
}

.h_p ul li:hover .mask {
	-webkit-transform: scale(1.1);
	opacity: 0;
	visibility: hidden
}

.h_p ul li:hover .title {
	opacity: 1;
	visibility: visible;
	top: 90%;

}

.h_p ul li:hover .btn {
	opacity: 1;
	visibility: visible;
	top: 85%
}

.lt {
	width: 100%;
	height: 4px;
	background: #ff0000;
	position: absolute;
	top: 10px;
}
.lb{
	width: 0;
	height: 4px;
	background: #ff0000;
	position: absolute;
	bottom: 10px
}



.ll {
	width: 4px;
	height: 0%;
	bottom: 10px;
	position: absolute;
	background: #c6ab43
}

.lr {
	width: 4px;
	height: 0%;
	top: 10px;
	position: absolute;
	background: #c6ab43
}

.lr {
	right: 10px
}

.ll {
	left: 10px
}

.h_p ul li:hover .lb,
.h_p ul li:hover .lt {
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px)
}

.h_p ul li:hover .lb {
	right: 10px
}

.h_p ul li:hover .lt {
	right: 10px
}

.h_p ul li .lt {
	left: 10px;
	display: none
}

.h_p ul li:hover .ll,
.h_p ul li:hover .lr {
	height: -webkit-calc(100% - 20px);
	height: -moz-calc(100% - 20px);
	height: calc(100% - 20px)
}


.h_title {
	width: 100%;
	height: auto;
	position: relative
}

.h_title.c {
	text-align: center;
	color: #232531
}

.h_s ul li .btn {
	width: 150px;
	height: 30px;
	display: block;
	border: 1px solid #e6dcbd;
	color: #e6dcbd;
	line-height: 30px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	text-align: center;
	margin: auto
}

.h_s ul li .btn:hover {
	color: #FFF;
	border-color: #b39534;
	background: #b39534
}

.h_title b {
	font-size: 30px;
	text-align: center;
	line-height: 45px;
	font-weight: 400
}

.h_title p {
	width: 100%;
	opacity: .3;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	position: relative
}

.h_title p:after,
.h_title p:before {
	width: 200px;
	height: 1px;
	background: #FFF;
	position: absolute;
	top: 12px;
	content: ''
}

.h_title.c p:after,
.h_title.c p:before {
	width: 150px;
	background: rgba(0, 0, 0, .5)
}

.h_title.c p {
	opacity: .5
}

.h_title p:after {
	left: 0
}

.h_title p:before {
	right: 0
}

.clearfix:after {
	height: 0
}

@media (max-width: 1400px) {
.h_p ul li .mask .cat {
	top: 84%;
	font-size: 16px
}


.h_p ul li .mask .name {
	font-size: 13px;
	top:90%;
}


}



@media (max-width: 1200px) {


.h_p ul li .mask .cat {
	top: 84%;
	font-size: 14px
}


.h_p ul li .mask .name {
	font-size: 12px;
	top:88%;
}




}

@media only screen and (max-width:768px){


.bh_nav{width:100%;position:relative;overflow:hidden}

.bh_nav .b_c{width:60vw;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:9;position:relative}

.bh_nav ul{width:40vw;left:60vw}

.bh_nav>img{position:absolute;left:0;top:0}
.bh_slider{width:100%;margin-top:5px;height:-webkit-calc(100vw * 468 / 768);height:-moz-calc(100vw * 468 / 768);height:calc(100vw * 468 / 768)}



}



@media (max-width: 639px) {

.h_p ul li .mask .name{top:auto;bottom:0px; font-size:12px;}
.h_p ul li:hover .title{top:82%;font-size:12px;}
.h_p ul li:hover .btn{top:auto;bottom:20px}
.h_p ul li .pic img{opacity:.5}

.h_p ul li {width:47%; margin:10px 1.5%;}

.h_p ul li .mask .cat {top: 82%; font-size:13px;}
.h_p ul li .mask .name{ font-size:13px; top:88%;}
.h_title p:after,.h_title p:before{width:35vw}
}














.feedback_left{float:left; max-width:40%}
.feedback_left img{ max-width:100%;}
.feedback_right{float:right; max-width:58%;}


.hezuo_box{ clear:both; width:100%; margin:0 auto; text-align:center;}
.hezuo_box img{ max-width:100%;}


.feedback_box{ clear:both; width:100%;}
.feedback_box img{ max-width:100%;}


.tab{width:100%; margin-top:30px;}
.tab li{ margin-bottom:15px; line-height:30px; float:left; width:48%; margin-right:2%;}
.tab input{ width:100%;line-height:35px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); font-size:16px; border:none;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab textarea{ width:98%;line-height:30px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); border:none; font-family:"微软雅黑"; font-size:16px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab input:hover ,.tab textarea:hover{ border-color:#fff;}
.tab .sumbit{width: 100%; display:block; margin-top:0px; cursor:pointer;border-style:solid;border-color:#f5f5f5;background-color:#0175ae; border-radius:5px; font-size:16px;padding: 8px 50px; color:#fff; font-size:20px;}
.tab .sumbit:hover{ background-color:#2A6DB1; color:#FFFFFF;}


@media (max-width:800px) {

.feedback_left{float:none; max-width:100%}
.feedback_right{float:none; max-width:100%;}

.tab input{ line-height:30px;padding: 5px 10px; font-size:14px;}
.tab textarea{ line-height:24px;padding: 5px 10px; font-size:14px;}
.tab .sumbit{padding: 6px 0px; color:#fff; font-size:14px;}


.hezuo_box img{ max-width:50%;}

}



/*联系我们*/
.n_contact_box{color:#363636;max-width:100%;}
.n_contact_box_tit{font-size:30px; text-align:left; padding:30px; line-height:35px;}
.n_contact_box_tit span{ font-size:16px;}
.n_contact_box_neirong{font-size:16px;  line-height:33px; text-transform:uppercase; float:left;padding:0px 0px; color:#363636;}
.n_contact_box_line{width:100px; height:2px; background:#fff; margin-top:0px; margin-bottom:10px;}
.n_contact_box img{ margin:0px 0 0px 0; max-width:170px;}
.n_contact_box p{ line-height:33px; margin:0; font-size:16px; letter-spacing:normal;}
.n_contact_box p strong{ line-height:40px; margin:0; font-size:20px;}
.n_contact_box p img{ margin:0 0 0 0;}
.n_contact_box p a{ color:#363636;}
.n_contact_box_erweima{float:right; text-align:center;}


@media (max-width:800px) {

.feedback_left{float:none; max-width:100%}
.feedback_right{float:none; max-width:100%;}

.tab input{ line-height:30px;padding: 5px 10px; font-size:14px;}
.tab textarea{ line-height:24px;padding: 5px 10px; font-size:14px;}
.tab .sumbit{padding: 6px 0px; color:#fff; font-size:14px;}


.n_contact_box{}
.n_contact_box_tit{font-size:16px; text-align:left; padding:10px; line-height:25px;}
.n_contact_box_tit span{ font-size:16px;}
.n_contact_box_neirong{font-size:14px;  line-height:24px; text-transform:uppercase; float:none;padding:0px 0px;}
.n_contact_box_line{width:100px; height:1px; background:#fff; margin-top:0px; margin-bottom:10px;}
.n_contact_box img{ margin:0px 0 0px 0; max-width:100px;}
.n_contact_box p{ line-height:24px;  font-size:14px; }
.n_contact_box p strong{ line-height:30px; margin:0; font-size:16px;}

.n_contact_box_erweima{float:none;  text-align:center;}
.n_contact_box_erweima div{ font-size:14px;}



}



/*banner图样式*/
.bannertt {position:relative;width:100%;overflow:hidden;margin:0 auto;text-align:center;background:#fff;height:500px;z-index:1;}
.bannertta {position:relative;width:100%;overflow:hidden;margin:0 auto;text-align:center;background:#fff;height:625px;z-index:1;}





.bannertt .bg_123  {
       background-position: 0 center;
       width:100%; height:500px;margin:0 auto;text-align:center;
	      -webkit-animation: banner_inside 1s ease 1 forwards;
    -moz-animation: banner_inside 1s ease 1 forwards;
    -o-animation: banner_inside 1s ease 1 forwards;
    animation: banner_inside 1s ease 1 forwards;
	overflow:hidden;
    
}


.bannertta .bg_456  {
       background-position: 0 center;
       width:100%; height:625px;margin:0 auto;text-align:center;
	      -webkit-animation: banner_inside 1s ease 1 forwards;
    -moz-animation: banner_inside 1s ease 1 forwards;
    -o-animation: banner_inside 1s ease 1 forwards;
    animation: banner_inside 1s ease 1 forwards;
	overflow:hidden;
    
}



@media screen and (max-width:1000px) {
.bannertt {
height:500px;
}
}

@media screen and (max-width:787px) {
.bannertt {
height:350px;
}
.bannertt .bg_123  {
height:350px;
 -webkit-animation: bgg linear 50s infinite alternate;
		-moz-animation: bgg linear 50s infinite alternate;
		  -o-animation: bgg linear 50s infinite alternate;
		   animation: bgg linear 50s infinite alternate;
		   	background-size:cover!important;
		   }

.bannertta{ height:350px;}

.bannertta .bg_456  {
    
       width:100%; height:350px; -webkit-animation: bgg linear 50s infinite alternate;
		-moz-animation: bgg linear 50s infinite alternate;
		  -o-animation: bgg linear 50s infinite alternate;
		   animation: bgg linear 50s infinite alternate;
		background-size:cover!important;
}

	@-webkit-keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}
	}
	@-moz-keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}
	}
	@-o-keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}
	}
	@keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}

}

@-webkit-keyframes banner_inside {from {-webkit-transform:scale(0.9);transform:scale(0.9);}
to {-webkit-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes banner_inside {from {-moz-transform:scale(0.9);transform:scale(0.9);}
to {-moz-transform:scale(1);transform:scale(1);}
}
@-o-keyframes banner_inside {from {-o-transform:scale(0.9);transform:scale(0.9);}
to {-o-transform:scale(1);transform:scale(1);}
}
@keyframes banner_inside {from {-webkit-transform:scale(1.23);-moz-transform:scale(1.23);-o-transform:scale(1.23);transform:scale(1.23);}
to {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}
}

.banner_txt {z-index:9999;width:50%;position:absolute;background:#fff;height:150px;bottom:0%;margin-right:50%;right:-50%;}


.banner_txt3 {max-width:1300px; margin:0 auto; display:block;}
.banner_txt3 h3 {font-weight:700;font-size:35px; line-height:50px; color:#cae3fc; text-align:center; text-transform:uppercase; margin-top:12%;}
.banner_txt3 h1 {font-weight:700;font-size:35px; line-height:50px; color:#417ebc; text-align:center;}
.banner_txt3 h2 { font-size:16px; line-height:30px; color:#363636; padding-top:15px;}



.banner_txt4 {left:60px;position:absolute;bottom:-20px;color:#E5B46B;font-size:83px;text-transform:uppercase;font-weight:700;}
.banner_txt4>div {display:inline-block;float:left;letter-spacing:12px;}


.banner_txtb{ display:none;}

.banner_txta {z-index:9999;left: auto;position:absolute;top:0;overflow:hidden;width:100%; }

.banner_txt7 { text-align:center; width:45%; max-width:600px; margin:0 auto; display:block; margin-top:12%;}
.banner_txt7 h1 {font-weight:700;font-size:35px; line-height:50px; color:#fff; text-align:center;}
.banner_txt7 h2 { font-size:16px; line-height:30px; color:#fff; padding-top:15px;}

.banner_txt8 { text-align:right; width:48%; max-width:600px; margin-right:2%; float:right; margin-top:2%;}
.banner_txt8 img{ max-width:100%;}

.banner_txt5_6{max-width:1300px; margin:0 auto; display:block;}
.banner_txt5 { float:left;text-align:left; width:45%; max-width:600px; margin-top:12%;}
.banner_txt5 h1 {font-weight:700;font-size:35px; line-height:50px; color:#417ebc; text-align:left;}
.banner_txt5 h2 { font-size:16px; line-height:30px; color:#363636; padding-top:15px;}
.banner_txt6 {float:right;text-align:right; width:50%; max-width:600px; }

.banner_txt6 img { max-width:100%;}

.banner_txt6 i { display: block; margin:0 auto; width: 100px; height: 134px; background: url(../contact_pic/add.png) no-repeat 0 0;animation:gogogo 2s;
-moz-animation:gogogo 2s  infinite linear; /* Firefox */
-webkit-animation:gogogo 2s  infinite linear; /* Safari and Chrome */
-o-animation:gogogo 2s  infinite linear; /* Opera */}}
@keyframes gogogo{
0%{
 margin-top:0px;

}
50%{
 margin-top:15px;

}
100%{
 margin-top:0px;

}
}


@-webkit-keyframes gogogo {
0%{
 margin-top:0px;

}
50%{
 margin-top:15px;

}
100%{
 margin-top:0px;

}
}

/*内页手机banner图样式*/
.allpic img{width:100%;}
.allpic{ padding-top:0px;display:block;  position:relative; z-index:0;text-align:center;}
.allpic H3{ font-size:24px; color:#fff; font-weight:700; left:5%; position:absolute;top:40%;}
.allpic H4{ font-size:20px; letter-spacing: normal; color:#fff; font-weight: normal; left:5%; position:absolute; top:50%; text-align:left; line-height:30px;}

@media (max-width:1200px){

.banner_txta {overflow:hidden;}
.banner_txt5 {font-size:48px;line-height:60px;}
.banner_txt5 p {font-size:35px;}

.banner_txt5_6{ max-width:96%;}

}

@media (max-width:1000px){
.banner_txt{ display:none;}

.banner_txtb { display:block;z-index:9999;left:10%;position:absolute;top:40%;overflow:hidden;width:350px;height:200px;}
.banner_txtb5 {position:absolute;color:#fff;font-size:48px;text-transform:uppercase;text-align:left;opacity:0.1;}
.banner_txtb5 p {font-weight:700;font-size:35px;}

}


@media (max-width:639px){




.banner_txt6 i { display: block; margin:0 auto; width: 50px; height: 67px; background-size:cover!important;}

.allpic H3{ font-size:16px;  font-weight:700; top:43%;}
.allpic H4{ font-size:14px; font-weight: normal; top:55%;}

.banner_txta {overflow:hidden;width:96%; top:0%; margin:0 2%;}
.banner_txt5 {font-size:16px; line-height:30px; font-weight:700;}
.banner_txt5 p {font-size:14px; line-height:26px; font-weight:normal;}

.banner_txt8 { text-align:center; width:100%; max-width:100%; margin-right:0; float:none; margin-top:0; margin:0 auto; display:block;}
.banner_txt8 img{ max-width:100%;}

.banner_txt5 { float:none; width:100%; max-width:100%; margin-top:5%;}



.banner_txt5 h1 {font-weight:700;font-size:16px; line-height:30px; text-align:center;}
.banner_txt5 h2 { font-size:14px; line-height:26px; color:#363636; display:none; padding-top:10px;}
.banner_txt6 {float:none;text-align:right; width:96%; max-width:100%; }



.banner_txt7 { text-align:center; width:100%; max-width:100%; margin:0 auto; display:block; margin-top:18%;}
.banner_txt7 h1 {font-weight:700;font-size:18px; line-height:34px; color:#fff; text-align:center;}
.banner_txt7 h2 { font-size:14px; line-height:26px; color:#fff; padding-top:10px;}





}






@media screen and (max-width:520px) {
.bannertt {
height:300px;
}
.bannertt .bg_123  {
height:350px;

		   }

.bannertta{ height:300px;}

.bannertta .bg_456  {
    
       width:100%; height:350px; -webkit-animation: bgg linear 50s infinite alternate;
		-moz-animation: bgg linear 50s infinite alternate;
		  -o-animation: bgg linear 50s infinite alternate;
		   animation: bgg linear 50s infinite alternate;
		background-size:cover!important;
}
}






.scroll_more {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto;min-height:auto;overflow:visible;position:relative;z-index:99;bottom:30px;margin:0 auto;}
.scroll_div {position:absolute;color:#fff;width:100%;height:78px;bottom:0;border:0;left:0;right:auto;}
.scroll_txt {/* -webkit-transform:rotate(-90deg) translateX(-2rem);transform:rotate(-90deg) translateX(-2rem);*/    position:relative;display:block;/*   font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.5px;font-family:Gilroy_Regular;*/margin-left:16px;}
.scroll_bar {width:2px;height:15px;position:absolute;bottom:2.14286rem;left:calc(50% - 1px);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;cursor:pointer;overflow:hidden;}
.scroll_bar::after {content:"";background-color:#fff;left:0;top:-100%;height:100%;width:100%;position:absolute;-webkit-animation:slide-down 2s infinite;animation:slide-down 2s infinite;}
@keyframes slide-down {0% {top:-100%;}
100% {top:100%;}
}

@media screen and (max-width:787px) {
.scroll_more_m {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto;min-height:auto;overflow:visible;position:relative;z-index:99;bottom:10px;margin:0 auto;}
.scroll_div_m {position:absolute;color:#fff;width:100%;height:60px;bottom:0;border:0;left:0;right:auto;}
.scroll_txt_m {/* -webkit-transform:rotate(-90deg) translateX(-2rem);transform:rotate(-90deg) translateX(-2rem);*/    position:relative;display:block;/*   font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.5px;font-family:Gilroy_Regular;*/margin-left:0px;}
.scroll_bar_m {width:2px;height:15px;position:absolute;bottom:0.3rem;left:calc(50% - 1px);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;cursor:pointer;overflow:hidden;}
.scroll_bar_m::after {content:"";background-color:#fff;left:0px;top:-100%;height:100%;width:100%;position:absolute;-webkit-animation:slide-down 2s infinite;animation:slide-down 2s infinite;}
@keyframes slide-down {0% {top:-100%;}
100% {top:100%;}
}
}






/*数字*/
.n_index_strong{padding:0px 0 10px 0px; float:none; width:100%;margin:0px auto;max-width: 1400px; }
.n_index_strong_iteam {max-width:100%;width:100%;margin:0 auto;text-align:center;}
.n_index_strong_iteam ul {margin-left:0}
.n_index_strong_iteam li {text-align:center;display:inline-block;width:20%;float:left;text-transform:uppercase;position:relative;}
.n_index_strong_iteam li strong {display:block;line-height:50px;margin:0px 0 20px 0; padding-top:50px;text-align:center;background: url(../images/h1.png) no-repeat center center; width:122px; height:122px; margin:0 auto; }
.n_index_strong_iteam li .text .title_cn p {margin-top:0px;font-size:15px;text-align:center;line-height: 28px; }

.n_index_strong_iteam li h1{display:block;line-height:50px;padding-top:0;text-align:center;margin:0 auto; font-size:35px; font-weight:700;color:#417ebc; position:relative; }
.n_index_strong_iteam li:nth-child(1) h1:after { position: absolute;content: "+";font-size: 30px;font-weight: 700; right: 90px ;bottom: 0; } 
.n_index_strong_iteam li:nth-child(2) h1:after { position: absolute;content: "+";font-size: 30px;font-weight: 700; right: 80px ;bottom: 0; } 
.n_index_strong_iteam li:nth-child(4) h1:after { position: absolute;content: "+";font-size: 30px;font-weight: 700; right: 90px ;bottom: 0; } 
.n_index_strong_iteam li:nth-child(5) h1:after { position: absolute;content: "+";font-size: 30px;font-weight: 700; right: 80px ;bottom: 0; } 


@media screen and (max-width:787px) {
.n_index_strong_iteam ul {margin-left:0; clear:both;}
.n_index_strong_iteam li {text-align:center;display:inline-block;width:31.33%;float:left;text-transform:uppercase;position:relative;}
.n_index_strong_iteam li strong {display:block;line-height:30px;margin:0px 0 10px 0; padding-top:0px;text-align:center;background: url(../images/h1.png) no-repeat center center; width:100px; height:100px; margin:0 auto;background-size: cover; padding-top:20px;	box-sizing: border-box; }
.n_index_strong_iteam li strong img{ max-width:100%; max-height:100%;}
.n_index_strong_iteam li .text .title_cn p {margin-top:0px;font-size:14px;text-align:center;line-height: 28px; }

.n_index_strong_iteam li h1{display:block;line-height:40px;padding-top:0;text-align:center;margin:0 auto; font-size:25px; font-weight:700;color:#417ebc; position:relative; }
.n_index_strong_iteam li:nth-child(1) h1:after { position: absolute;content: "+";font-size: 20px;font-weight: 700; right: 20px ;bottom: 0; } 
.n_index_strong_iteam li:nth-child(2) h1:after { position: absolute;content: "+";font-size: 20px;font-weight: 700; right: 20px ;bottom: 0; } 
.n_index_strong_iteam li:nth-child(4) h1:after { position: absolute;content: "+";font-size: 20px;font-weight: 700; right: 20px ;bottom: 0; } 
.n_index_strong_iteam li:nth-child(5) h1:after { position: absolute;content: "+";font-size: 20px;font-weight: 700; right: 20px ;bottom: 0; } 
}





/*内页数字*/
.index_strong {padding:0px 0 10px 0px; float:none; width:100%;margin:0px auto;max-width: 1400px; }
.index_strong_iteam {max-width:100%;width:100%;margin:0 auto;text-align:center;}
.index_strong_iteam ul {margin-left:0}
.index_strong_iteam li {text-align:center;display:inline-block;width:20%;float:left;text-transform:uppercase;position:relative;}
.index_strong_iteam li img{ max-width:100%;}
.index_strong_iteam li strong {display:block;line-height:50px;margin:20px 0 20px 0;font-size:50px;font-weight:700;color:#417ebc;text-align:center;font-family:Geneva,Arial,Helvetica,sans-serif;position: relative; }
.index_strong_iteam li .text .title_cn p {margin-top:0px;font-size:15px;text-align:center;line-height: 28px; }

.index_strong_iteam li:nth-child(1) strong:after { position: absolute;content: "+";font-size: 30px;font-weight: 700; right: 80px ;bottom: 0; } 
.index_strong_iteam li:nth-child(2) strong:after { position: absolute;content: "+";font-size: 30px;font-weight: 700; right: 70px ;bottom: 0; } 
.index_strong_iteam li:nth-child(4) strong:after { position: absolute;content: "+";font-size: 30px;font-weight: 700; right: 80px ;bottom: 0; } 
.index_strong_iteam li:nth-child(5) strong:after { position: absolute;content: "+";font-size: 30px;font-weight: 700; right: 70px ;bottom: 0; } 





@media only screen and (max-width:1000px) {
.index_strong {padding:0px 0 10px 0px; float:none; width:100%;margin-top:5%;}
.index_strong_iteam {max-width:100%;}
.index_strong_iteam ul {margin-left:0px;}
.index_strong_iteam li {width:25%; margin:15px 0;}
.index_strong_iteam li span { display:none;}
.index_strong_iteam li strong {display:block;line-height:45px;margin:0px auto;font-size:45px; letter-spacing:-2; text-align:center;}
.index_strong_iteam li .text .title_cn {margin-top:0px;font-size:16px; padding-left:0px;text-align:center;}
.index_strong_iteam li sup {font-weight:bold;font-size:20px;top:20px;right:0;color:#415ba8;position:absolute;}
}

@media only screen and (max-width:639px) {
.index_strong {padding:0px 0 0px 0px; float:none; width:100%;margin-top:0;}
.index_strong_iteam {max-width:100%;}
.index_strong_iteam ul {margin-left:0px;}
.index_strong_iteam li {width:31.33%; margin:0 1%;}
.index_strong_iteam li span { display:none;}
.index_strong_iteam li strong {display:block;line-height:30px;margin:5px auto;font-size:24px; letter-spacing:-2; text-align:center;}
.index_strong_iteam li .text .title_cn {margin-top:0px;padding-left:0px;text-align:center;}

.index_strong_iteam li strong:after { display:none;} 
.index_strong_iteam li .text .title_cn p{ font-size:13px; line-height:24px; letter-spacing:1px;}

.index_strong_iteam li:nth-child(4){ width:48%;}
.index_strong_iteam li:nth-child(5){ width:48%;}

.index_strong_iteam li img{ max-width:50px;}

}






/*内页数字*/
.fangan_strong {padding:0px 0 10px 0px; float:none; width:100%;margin:0px auto;max-width: 1400px; }
.fangan_strong_iteam {max-width:100%;width:100%;margin:0 auto;text-align:center;}
.fangan_strong_iteam ul {margin-left:0}
.fangan_strong_iteam li {text-align:center;display:inline-block;width:20%;float:left;text-transform:uppercase;position:relative;}
.fangan_strong_iteam li strong {display:block;line-height:40px;margin:25px 0 10px 0;font-size:22px;font-weight:700;color:#417ebc;text-align:center;font-family:Geneva,Arial,Helvetica,sans-serif;position: relative; }
.fangan_strong_iteam li .text .title_cn p {margin-top:0px;font-size:16px;text-align:center;line-height:30px; }

.fangan_strong_iteam li img{ max-width:60px; display:block; margin:0 auto;}

@media only screen and (max-width:1000px) {
.fangan_strong {padding:0px 0 10px 0px; float:none; width:100%;margin-top:5%;}
.fangan_strong_iteam {max-width:100%;}
.fangan_strong_iteam ul {margin-left:0px;}
.fangan_strong_iteam li {width:25%; margin:15px 0;}
.fangan_strong_iteam li span { display:none;}
.fangan_strong_iteam li strong {display:block;line-height:45px;margin:0px auto;font-size:45px; letter-spacing:-2; text-align:center;}
.fangan_strong_iteam li .text .title_cn {margin-top:0px;font-size:16px; padding-left:0px;text-align:center;}
.fangan_strong_iteam li sup {font-weight:bold;font-size:20px;top:20px;right:0;color:#415ba8;position:absolute;}
}

@media only screen and (max-width:639px) {
.fangan_strong {padding:0px 0 0px 0px; float:none; width:100%;margin-top:2%;}
.fangan_strong_iteam {max-width:100%;}
.fangan_strong_iteam ul {margin-left:0px;}
.fangan_strong_iteam li {width:31.33%; margin:5px 1%;}
.fangan_strong_iteam li span { display:none;}
.fangan_strong_iteam li strong {display:block;line-height:30px;margin:0px auto;font-size:26px; letter-spacing:-2; text-align:center;}
.fangan_strong_iteam li .text .title_cn {margin-top:10px;font-size:12px; padding-left:0px;text-align:center;}

}



.n_about_box{ clear:both; width:100%;	background:url(../images/pro_bg.png) no-repeat center bottom; height:100%; padding-top:50px;}


.about_left_box{ float:left;  max-width:600px;margin-top:45px; margin-right:5%;}


.liangyou_left_box{ float:left;  max-width:600px;margin-top:45px; margin-right:5%;}
.liangyou_left_box h1{ font-size:20px;font-weight: 700;line-height: 38px;margin-bottom: 10px; text-align:left; }
.liangyou_left_box h2{ font-size:60px;font-weight: 700;opacity: 0.6;margin-bottom: 10px; text-align:left;font-family: Geometr;text-transform:uppercase; }
.liangyou_left_box p{ font-size:16px;font-weight: normal;line-height: 30px;margin-bottom: 10px; text-align:left; }
.liangyou_right_box{ float: right;  margin-left:2%; max-width:700px;margin-top:20px; margin-bottom:0;}
.liangyou_right_box img{ max-width:100%; max-height:650px; overflow:hidden;}

.liangyou_left_box img{ max-width:100%;}

.about_left_box h1{ font-size:20px;font-weight: 700;line-height: 38px;margin-bottom: 10px; }

.about_right_box{ float: right;  margin-left:2%; max-width:700px;margin-top:20px; margin-bottom:0;}
.about_right_box img{ max-width:100%; max-height:650px; overflow:hidden;}

.about_tit{ width:100%; clear:both; z-index:3; position:relative; margin:10px auto; text-align:center;}
.about_tit h1{ font-size:30px; line-height:50px;color:#111;text-transform:uppercase; font-weight:700;}
.about_tit h2{  font-size:20px; line-height:50px;font-weight:normal; color:#296caf}
.about_tit h3{ font-size:30px; line-height:65px;font-weight:normal; font-weight:700;  }
.about_tit .tit_line{width:50px; height:2px; background:#296caf;  margin:0 auto;margin-top:10px;}

.about_01_box{ float:left;  max-width:700px; margin-right:5%; width: 45%;margin-top: 35px; }



.about_list_01_box{ float:left;  max-width:470px; margin-right:2%; margin-left:2%; width: 29.33%;margin-top: 35px; }




.about_top_box{ width: 100%; display: block;}
.about_top_box img{ max-width:100%; max-height:650px; overflow:hidden;}
.about_bottom_box,.about_bottom_box p{  text-align: left;font-size: 16px;line-height: 30px;margin-top: 20px; }


.about_left_box p{ line-height:200%; font-size:16px;}

.index_title{ text-align:center;padding:70px 0 20px 0; }
.index_title .title{ position:relative; padding-top:40px; color:#fff; font-size:34px;}
.index_title .des1{color: #fff; font-size:18px; margin-top:10px; line-height:35px;}


@media only screen and (max-width:1400px) {
.about_left_box{  max-width:400px;}

}


@media only screen and (max-width:1170px) {
.about_left_box{   margin-right:3%;margin-top:3%; }
.about_right_box{  margin-left:2%; max-width:400px;}
.about_right_box img{max-height:450px;}
.about_tit{ margin-bottom:20px;}
}


@media only screen and (max-width:1000px) {
.about_left_box{ max-width:100%;margin-right:0;margin-top:1%;}
.about_right_box{ margin:15px  auto 0 auto; clear:both; max-width:100%;}
.about_tit{ margin-bottom:15px;}
.n_about_box{  height:450px;}
.about_tit h2{ font-size:26px; line-height:35px;text-transform:uppercase;}
.about_tit h3{ font-size:18px; line-height:28px;  }

}


@media only screen and (max-width:800px) {

.n_about_box{  height: auto;}

.about_tit{margin:10px auto;}
.about_tit h2{ font-size:20px; line-height:30px;text-transform:uppercase;}
.about_tit h3{ font-size:16px; line-height:26px; font-weight:700; }

.about_left_box{ line-height:24px; margin:0;}

.about_left_box p{ font-size:14px; line-height:24px;}


.about_tit h1{ font-size:16px; line-height:30px;}
.about_tit h2{  font-size:14px; line-height:24px;}
.about_tit h3{ font-size:16px; line-height:30px;  }
.about_tit .tit_line{width:35px; height:1px; margin-top:5px;}

.about_01_box{ float:none;  max-width:100%; margin-right:0; width:100%;margin-top: 10px; }

.about_left_box p{ line-height:26px; font-size:14px;}


.n_about_box{ padding-top:10px;}


.about_left_box{ float:none;  max-width:100%;margin-top:10px; margin-right:0;}
.about_top_box img{ max-height:100%;}
.about_bottom_box,.about_bottom_box p{ font-size: 14px;line-height: 26px;margin-top: 10px; }


.about_left_box h1{ font-size:16px;line-height: 30px;margin-bottom: 10px; }

.about_right_box{ float:none;  margin-left:0; max-width:100%;margin-top:10px; margin-bottom:0;}
.about_right_box img{ max-width:100%; max-height:100%; overflow:hidden;}


.index_title{ text-align:center;padding:30px 0 60px 0; }
.index_title .title{ position:relative; padding-top:10px; color:#fff; font-size:18px;}
.index_title .des1{color: #fff; font-size:14px; margin-top:10px; line-height:25px;}

.index_title img{ max-width:60px; max-height:60px; margin-top:15px;}
}





.jisu_left_box{ float:left;margin-top:25px; margin-right:5%; width:40%;max-width:350px; margin-top:150px;}
.jisu_left_box p{ font-size:16px;line-height: 30px;margin-bottom: 30px; }
.canshu_box{}
.canshu_box ul{}
.canshu_box ul li{  float:left; width:31.33%; margin:7px 1%; font-size:15px;line-height: 28px;}

.jisu_right_box{ float: right;  margin-left:0; max-width:900px;margin-top:0px; margin-bottom:0; width:55%}
.jisu_right_box img{ max-width:100%; max-height:650px; overflow:hidden;}

  


.vedio{ clear:both;text-align:center; padding-top:10%; width:100%; position:relative;}
.vedio .bg{width:100%; vertical-align:middle; max-width:602px;}
.vedio .icon{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;cursor:pointer;}
.vedio video{background:#fff;display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;}
.vedio .vedioClose{display:none;background:#ad322c;position:absolute;top:0px;right:0px;width:60px;height:60px;line-height:60px;text-align:center;z-index:1;cursor:pointer;}
.vedio .vedioClose img{ vertical-align:middle;max-width:70%;}



.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/b-bg.png);z-index:999;}
.alertVideoContent{display:none;position:absolute;top:0;left:0;bottom:0px;right:0px;width:1200px;height:750px;margin:0 auto;z-index:999;background:none;padding:0;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:0px;right:-60px;cursor:pointer;width:60px;height:60px;background:#ad322c;line-height:60px;cursor:pointer;text-align:center; z-index:99999;}
.alertVideoContent .vedioClose img{ vertical-align:middle;max-width:70%;}

@media screen and (max-width:1100px) {
.vedio{  left:5%; bottom:10%;}
.vedio img{ max-width:80px; max-height:80px;}
}


@media screen and (max-width:787px) {
.vedio{  left:2%; bottom:10%;}
.vedio img{ max-width:60px; max-height:60px;}
}


@media screen and (max-width:639px) {
.vedio img{ max-width:50px; max-height:50px;}



.jisu_left_box{ float:none;margin-top:10px; margin-right:0; width:100%;max-width:100%; margin-top:10px;}
.jisu_left_box p{ font-size:14px;line-height: 26px;margin-bottom: 10px; }
.canshu_box{}
.canshu_box ul{}
.canshu_box ul li{  float:left; width:31.33%; margin:5px 1%; font-size:14px;line-height: 26px;}

.jisu_right_box{ float: none;  margin-left:0; max-width:100%;margin-top:0px; margin-bottom:0; width:100%}
.jisu_right_box img{ max-width:100%; max-height: auto; overflow:hidden;}


}






/*分页*/
.pageshow{ padding:30px 0px; height:30px; line-height:30px; text-align:center; clear: both; width:100%; }
.pageshow a {padding: 0 15px;
    line-height: 25px;
    display: inline-block;
    border: 1px #bbb solid;
    margin:0 5px;
    background: #ccc;
	font-size:13px;
	color:#333;
	 }

.pageshow a.pagefan ,.pageshow a:hover{
    background: #417ebc;border: 1px #417ebc solid; color:#FFFFFF;}



@media (max-width: 1200px) {
.pageshow{  height:30px; line-height:30px; font-size:13px; padding:20px 0px;}
.pageshow a {padding: 0 6px;font-size:13px; }
}
@media (max-width: 800px) {
.pageshow{  padding:10px 0px; }
.pageshow a {padding: 0 6px;font-size:13px; }
}





.news_left01{float:left; width:1000px; width:75%; margin:20px 0 20px 0px;}
.news_righttitle{ font-size:15px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}

.news_left01 img{ max-width:100%;}

.news_left01 img p{ max-width:100%;}

.news_left01 p{ line-height:180%;}

.righttitle{ font-size:22px; line-height:50px; }

.news_righttitle{ font-size:15px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.news_more{float:right;font-size:13px; font-weight:300;color:#999;}
.news_more a{ font-size:13px; font-weight:300;color:#999;}
.news_more a:hover{color:#999; text-decoration:underline;}

.news_left01 h1{text-align:left; font-size:22px; line-height:50px; padding-top:0px; font-weight:700; color:#417ebc;}

.aboutk_tit{ text-align:left; font-size:26px; line-height:50px; padding-top:0px; font-weight:700; color:#417ebc;}

.right_news_click{ text-align:left;  color:#696969; position:relative; width:100%;margin-top:10px;}

.right_news_click h6{ float:left; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px; letter-spacing:-1px;line-height:25px;}
.right_news_click p{ float:left; font-size:13px; letter-spacing:normal;line-height:30px; margin:0; padding:0;margin-left:0px; }


.news_close{ position:absolute; right:5px; top:0;}

.text_neirong{line-height:25px;font-size:15px; padding:0 20px; }
.text_neirong p{ line-height:25px; font-size:15px;text-indent:2em;}
.text_neirong p img{ max-width:100%; max-height:100%; margin:10px auto;}


.zhaiyao{ background:#eee; width:96%; padding:10px 2%; line-height:30px; font-size:13px; margin-top:20px; margin-bottom:20px;}
.zhaiyao p{ font-size:13px; display:inline-block;}
.zhaiyao span{ color:#417ebc;}

.text_neirong1{line-height:30px;font-size:15px; padding:0 5px; }

.text_neirong1 p{ line-height:25px; font-size:15px;text-indent:2em; margin:0;}
.text_neirong1  img{ max-width:100%; max-height:100%; display: block; margin:20px auto;}
.text_neirong1 p img{ max-width:100%; max-height:100%; display: block; margin:20px auto;}

.shebei_biaoti{ text-align:left;}
.shebei_biaoti h2{ font-size:24px; color:#31A1A5; line-height:20px; height:30px;}
.shebei_biaoti span{ font-size:15px; color:#ccc; padding-left:10px; font-weight:normal;}
.shebei_biaoti span p{ display:inline-block;}



.news_line{ clear:both; width:100%;height:50px; line-height:25px;font-size:14px;}
.news_line .fl{ float:left;margin-left:45px;position:relative;}
.news_line .fr{ float:right; position:relative; margin-right:45px;}
.news_line .fl::after{ position:absolute; content:""; background:url(../images/shangyipian.png) no-repeat; width:36px; height:11px; left:-45px; top:8px;}
.news_line .fr::after{ position:absolute; content:""; background:url(../images/xiayipian.png) no-repeat; width:36px; height:11px; right:-45px; top:8px;}

@media (max-width: 1023px) {
.text_neirong1{line-height:25px;font-size:14px; padding:0 2%; }
.text_neirong1 p{ font-size:13px;}
.text_neirong{line-height:25px;font-size:14px; padding:0 2%; }
.text_neirong p{ font-size:13px;}
}

@media (max-width: 639px) {

.right_news_click{ margin-top:0px;}

.zhaiyao{ width:98%; padding:5px 1%; line-height:22px; font-size:12px; margin-top:10px; margin-bottom:10px;}
.zhaiyao p{ font-size:12px;}


.text_neirong1{line-height:25px;font-size:12px; padding:0 ; }
.text_neirong1 p{ font-size:12px;}
.text_neirong{line-height:25px;font-size:12px; padding:0; }
.text_neirong p{ font-size:12px;}
.text_neirong1  img{  margin:10px auto;}
.text_neirong1 p img{  margin:10px auto;}


.news_left01 h1{text-align:left; font-size:16px; line-height:30px; padding-top:0px; font-weight:700; color:#417ebc;}

}


.news_line a{ font-size:14px;}

.wid1200{max-width:1200px; margin:0 auto;}
.newsshow_right{ float:right; width:320px; width:20%; background:#eee;  margin:30px 0px 0px 30px;}
.newsshow_right h2{ font-size:18px; width:100%; height:60px; line-height:60px;  text-align:left; padding-left:20px; color:#417ebc; font-weight:normal;}
.newsshow_right ul{ margin-top:0px; width:100%;}
.newsshow_right ul li {float:left; width:100%; color:#363636; padding:10px 0px 30px 0px; line-height:26px; font-size:13px; display:block;}
.newsshow_right ul li a{ color:#363636; font-size:16px; width:100%; line-height:30px; display:block;}
.newsshow_right ul li a:hover{ color:#417ebc;}
.newsshow_right_pic img{ width:100%;max-height:100%;}
.newsshow_right_pic .news_more_a{padding:10px 10px; color:#666;}
.newsshow_right_pic h3{  font-size:16px; line-height:30px; color:#363636;padding:10px 10px 5px 10px; font-weight:700; }
.newsshow_right_pic h4{  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#696969;  font-weight: normal;line-height:26px; padding:0px 10px;}
.news_right_text{ font-size:13px; color:#666; line-height:24px;padding:5px 10px;}
.news_border_box img{ float:left; margin:10px 10px; width:300px; height:4px;}


@media (min-width: 1024px) and (max-width:1199px ) {
.news_left01{ width:600px; margin:20px 0 0px 20px;}
.news_righttitle{ font-size:13px;padding-bottom:5px; margin-bottom:5px;}


.wid1200{max-width:1000px;}

}

@media (max-width: 1023px) {
.newsshow_right{display:none;}
.news_left01{width:100%; margin:0; margin-top:15px; clear:both;}
.news_left01 p{ font-size:14px; line-height:25px;}
.news_righttitle{ font-size:13px;padding-bottom:5px; margin-bottom:5px;}
.news_more{font-size:12px;}
.news_more a{ font-size:12px;}
.news_more a:hover{color:#999;}
.aboutk_tit{font-size:16px; line-height:25px;}
.text_neirong p img{ margin:10px auto;}

.wid1200{ max-width:96%; margin:10px 2%;}

.newsshow_right{display:none;}
}






.about_box_tit{ float:left; width:500px;}
.about_box_tit h2{ font-size:34px; color:#363636; line-height:40px; text-transform:uppercase;font-family:Geneva,Arial,Helvetica,sans-serif; }
.about_box_tit h3{font-size:24px; color:#363636; line-height:40px; }
.about_box_tit h4{}

.about_box{ clear:both;width:100%; background: url(../images/home_about_bg.jpg) no-repeat center bottom; height:700px;}

.home_neirtong{ float:none; width:1000px; margin:0 auto;}
.home_neirtong p{ clear:both; width:95%; margin-right:5%; padding-top:10px;font-size:16px;text-align:center;color:#363636; line-height:30px;z-index:2; position:relative;}
.about_box a.more{ float:none; margin-top:40px; width:170px; height:50px; line-height:50px; text-align:center; color:#363636; font-size:16px;margin: 0 auto; display: block; }
.about_box a:hover.more{  }
.about_box_pic{ float:right; width:45%; position:relative; height:100%;margin-top:0%; margin-right:0;}
.about_box_pic img{ height:100%;}






@media screen and (max-width:1200px ) {


.about_box_tit{ margin-left:3%;}
.about_box_tit h2{ font-size:30px; line-height:40px; }
.about_box_tit h3{font-size:30px;line-height:50px; }
.IndexList {width:90%;text-align:left; margin-top:5%;margin-left:5%; margin-right:5%; }
.about_box p{width:94%; margin-left:3%; margin-right:3%;}

}

@media screen and (max-width:1023px ) {
.about_box{  width:100%; }
.jiameng_box{  width:100%; }

.home_neirtong{ float:none; width:100%; margin-top:10px;}
.about_box_tit{ margin-left:1%;}

.about_box p{width:98%; margin-left:1%; margin-right:1%;}


}
@media screen and (max-width:639px ) {
.about_box_tit h2{ font-size:16px; line-height:28px; }
.about_box_tit h3{font-size:14px;line-height:24px; }

.home_neirtong a.more{ float:left; margin-top:10px; width:120px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; background:#1b3692;}
.about_box{ clear:both;width:100%; background: url(../images/home_about_bg.jpg) no-repeat center top #E9E9E9; height: auto!important;}

.about_box p{ padding-top:0; font-size:13px; line-height:24px;}
.IndexList li:nth-child(2):after { display: none; }


.about_box a.more{ float:none; margin-top:10px; width:130px; height:40px; line-height:40px; text-align:center; color:#363636; font-size:14px;margin: 0 auto; display: block; }

}


.hezuohuoban{ clear:both;  width:100%; }
.hezuohuoban img{ max-width:100%;} 









.pc_show{ display:block;}
.phone_show{ display:none;}

@media (max-width: 800px) {

.pc_show{ display:none;}
.phone_show{ display:block;}

}




.wenhua_box{ clear:both; width:100%; background:url(../images/about_xxx_31.jpg) no-repeat center top; height:500px; padding-top:50px;}


.wenhua_box_content h3{ font-size:35px; text-align:center; line-height:50px; padding-bottom:60px; color:#fff;}

.wenhua_box_content{ width:100%; max-width:1000px; margin: 20px auto;}
.wenhua_box_content ul li{ display:inline-block; float:left; width:31.33%; margin:0 1%;text-align:center; color:#fff; }
.wenhua_box_content ul li .diyi1{max-width:250px; height:250px; background: rgba(21,53,145,.8); border-radius:250px; margin: 0 auto; }
.wenhua_box_content ul li .diyi1:hover{background: rgba(21,53,145,1);}
.wenhua_box_content ul li .diyi2{max-width:250px; height:250px; background: rgba(249,182,41,.8); border-radius:250px; margin: 0 auto;}
.wenhua_box_content ul li .diyi2:hover{background: rgba(249,182,41,1);}
.wenhua_box_content ul li .diyi3{max-width:250px; height:250px; background: rgba(254,129,3,.8); border-radius:250px; margin: 0 auto;}
.wenhua_box_content ul li .diyi3:hover{ background: rgba(254,129,3,1); }
.wenhua_box_content ul li .disi{max-width:250px; height:250px; background: rgba(245,235,17,.5); border-radius:250px; margin: 0 auto;}
.wenhua_box_content ul li .disi:hover{ background: rgba(245,235,17,1); }
.wenhua_box_content ul li img{ margin:20px auto 0 auto;}
.wenhua_box_content ul li h2{ font-size:20px; line-height:35px; font-weight:700; padding-top:10px;}
.wenhua_box_content ul li p{ padding:5px 10px; line-height:26px; font-size: 15px;}

.wenhua_box_logo{  width:100%; max-width:1000px; margin: 50px auto 0 auto; height:150px;background: rgba(255,255,255,.3);}
.wenhua_box_logo img{ float:left; margin:15px 25px 15px 25px;}
.wenhua_box_logo h2{ float:left; font-size:20px; color:#363636; font-weight:700;width:800px; line-height:40px; margin-top:20px; margin-bottom:15px; }
.wenhua_box_logo p{ float:left;  color:#363636; width:800px; }


@media (max-width:767px) {
.wenhua_box_content{ width:100%; max-width:100%; margin: 15px auto;}
.wenhua_box_content ul li{ display: block; float:none; width:100%; margin:10px 0;text-align:center; color:#fff; }
.wenhua_box_content ul li img{ max-width:60px;}
.wenhua_box_content ul li h2{ font-size:16px; line-height:30px;}
.wenhua_box_content ul li p{ padding:5px 10px; line-height:24px; font-size: 13px;}
.wenhua_box_content ul li .diyi1{max-width:180px; height:180px;border-radius:180px; }
.wenhua_box_content ul li .diyi2{max-width:180px; height:180px;border-radius:180px;}
.wenhua_box_content ul li .diyi3{max-width:180px; height:180px;  border-radius:180px; }





.wenhua_box{ clear:both; width:100%; background:url(../images/about_xxx_31.jpg) no-repeat center top; height: auto; padding-top:10px;}


.wenhua_box_content h3{ font-size:16px; text-align:center; line-height:30px; padding-bottom:10px; color:#fff;}



}


.licheng_tit{clear:both; width:100%;  text-align:center; font-size:30px; color:#fff; line-height:60px; padding-bottom:50px;}


@media (max-width:767px) {


.licheng_tit{font-size:16px; color:#fff; line-height:30px; padding-bottom:10px;}

}


.a_l{width:100%; padding-top:80px; }
.bt1{font-size:30px; text-align:center; color:#fff; font-weight: normal;width:100%; line-height:35px;}
.bt1 i{ color:#db3539; font-size:30px; font-family:"Times New Roman",Times,serif; font-style:normal; display:block; margin-botttom:15px; line-height:40px; font-weight: normal; text-transform:uppercase; }
.line1{width:70px; height:3px; background-color:#db3539; margin:30px 0;}
.a_info{font-size:15px; color:#eee; line-height:30px; margin-top:15px;}


.p_wbox {
    background-image: url(../images/fazhanbg.jpg);
    background-position: center center;
    background-attachment: fixed;
	padding:50px 0;
}
.mb40{ margin-bottom:40px;}

.fl{ float:left;}
.fr{ float:right;}


@media screen and (max-width:768px) {
.fl{ float:none;}
.fr{ float:none;}	
	
	
}

.whitex{ background:url(../images/x.png) 100px 0px repeat-y; padding:20px 0;}
.whitex{ padding:20px 0;}
.times{ position:absolute; background:url(../images/d.png) right center no-repeat; height:20px; line-height:20px; font-size:18px; color:#FFFFFF; width:200px; left:0px; padding-left:9px; top:5px;}
.fonts{ color:#FFFFFF; margin-left:280px; font-size:18px; line-height:25px;}
.fonts P{ font-size:18px}


@media screen and (max-width: 787px) {

.whitex{ background:url(../images/x.png) 32px 0px repeat-y; padding:20px 0;}


	.p_wbox { padding: 10px 0;}
	.a_l{width:94%; padding: 0 3%;}
	.bt1{font-size:24px; color:#fff; font-weight: normal;width:94%; line-height:35px;padding: 10px 3%;}
	.a_info{font-size:15px; color:#eee; line-height:30px; margin-top:0;width:94%;padding: 0 3%;}
	
	.times{ position:absolute; background:url(../images/d.png) right center no-repeat; height:20px; line-height:20px; font-size:16px; color:#FFFFFF; width:130px; left:0px; padding-left:10px; top:5px;}
	.fonts{ color:#FFFFFF; margin-left:180px; font-size:14px; line-height:25px; padding-right: 10px;}
	
	.mb40{ margin-bottom:10px;}
	.fonts P{ font-size:14px}
	
	}




.proList .btnBox .btn_more:after, .proList .Img img, .proList .proSecList .proSecItem .item:after {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}


.proList {
	overflow: hidden;
	max-width:1400px; 
	margin:0 auto;
}
@media (max-width: 768px) {
	.proList .proItem {
		text-align: center;
	}
}
.proList .proItem:not(:last-child) {
	padding-bottom: 90px;
}
@media (max-width: 1180px) {
	.proList .proItem:not(:last-child) {
		padding-bottom: 40px;
	}
}
.proList .proItem:last-child {
	padding-bottom: 0px;
}
.proList .itemTitle {
	color: #303030;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.76;
	letter-spacing: 1.56px;
	/*60*/
	position: relative;
	padding-left: 25px;
	margin-bottom: 40px;
}
@media (max-width: 768px) {
	.proList .itemTitle {
		font-size: 21px;
		letter-spacing: 1.26px;
		margin-bottom: 25px;
		display: inline-block;
	}
}
.proList .itemTitle:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 6px;
	height: 30px;
	background-color: #296caf;
}
.proList .proSecList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -22.5px;
}
@media (max-width: 992px) {
	.proList .proSecList {
		margin: 0 -20px;
	}
}
@media (max-width: 600px) {
	.proList .proSecList {
		margin: 0;
	}
}
.proList .proSecList .proSecItem {
	width: 33.33%;
	padding: 0 22.5px;
	position: relative;
	margin-bottom: 20px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	
}
.proList .proSecList .proSecItem:after {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 1px;
	height: calc(100% - 36px);
	background-color: #e7e7e7;
}
@media (max-width: 992px) {
	.proList .proSecList .proSecItem {
		width: 50%;
		padding: 0 20px;
	}
}
@media (max-width: 600px) {
	.proList .proSecList .proSecItem {
		width: 50%;
		padding: 0;
		margin-bottom:0;
	}
}
.proList .proSecList .proSecItem .item {
	padding: 15px 50px 45px;
	position: relative;
}
@media (max-width: 992px) {
	.proList .proSecList .proSecItem .item {
		padding: 15px 25px 45px;
	}
}


@media (max-width: 787px) {
	.proList .proSecList .proSecItem .item {
		padding:2% 4%;
	}
}


.proList .proSecList .proSecItem .item > div {
	position: relative;
	z-index: 2;
}
.proList .proSecList .proSecItem .item:after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	border-radius: 3px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 3px 12px 0px rgba(197, 197, 197, 0.23);
	        box-shadow: 0px 3px 12px 0px rgba(197, 197, 197, 0.23);
	opacity: 0;
}
@media (max-width: 992px) {
	.proList .proSecList .proSecItem .item:after {
		opacity: 1;
	}
}
@media (min-width: 1201px) {
	.proList .proSecList .proSecItem:hover .item:after {
		opacity: 1;
	}
	.proList .proSecList .proSecItem:hover .Img img {

	-webkit-transform: scale(1.1);
		        transform: scale(1.1);
				display: block;
	}

	
	.proList .proSecList .proSecItem:hover .title {
		color: #296caf;
	}
	.proList .proSecList .proSecItem:hover .title a {
		color: #296caf;
	}
	.proList .proSecList .proSecItem:hover .btnBox .btn_more {
		color: #0175ae;
	}
	.proList .proSecList .proSecItem:hover .btnBox .btn_more svg {
		right: 4px;
	}
	.proList .proSecList .proSecItem:hover .btnBox .btn_more:after {
		width: 100%;
	}
}
.proList .Img {
	overflow: hidden;
}
.proList .Img img {
	width: 100%;
}
.proList .Txt {
	padding-top: 10px;
}
.proList .Txt .title {
	color: #303030;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;

	/*60*/
	text-align: left;
}
@media (max-width: 768px) {
	.proList .Txt .title {
		font-size: 14px;
		letter-spacing: normal;
	}
}
.proList .Txt .title a {
	display: block;
}
.proList .Txt .txt {
	color: #727272;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	max-height: 100px;
	margin-top: 12px;
	text-align: left;
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
	
}
@media (max-width: 768px) {
	.proList .Txt .txt {
		font-size: 14px;
	
		margin-top:0;
		line-height:26px;
		 display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height:50px;
	}
}
.proList .btnBox {
	padding-top: 15px;
}
@media (max-width: 768px) {
	.proList .btnBox {
		padding-top: 10px;
	}
}
.proList .btnBox .btn_more {
	color: #444444;
	border-bottom: 0;
	position: relative;
	max-width: 190px;
}
.proList .btnBox .btn_more svg {
	position: absolute;
	right: 80px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.proList .btnBox .btn_more:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 0;
	height: 2px;
	background-color: #0175ae;
}
@media (max-width: 992px) {
	.proList .btnBox .btn_more {
		color: #0175ae;
	}
	.proList .btnBox .btn_more svg {
		right: 4px;
	}
	.proList .btnBox .btn_more:after {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.proList .btnBox .btn_more {
		font-size: 14px;
	}
}
.proList .btnBox .btnBox .btn_morePro {
	color: #0175ae;
}
.proList .btnBox .btnBox .btn_morePro svg {
	right: 4px;
}
.proList .btnBox .btnBox .btn_morePro:after {
	width: 100%;
	-webkit-animation: line_ani 1.2s ease-in-out forwards;
	animation: line_ani 1.2s ease-in-out forwards;
}




.two-boxa{ background:#fff; padding:0; z-index:0;position:relative; width:100%; max-width:100%; margin:0 auto;}

@media (max-width: 1300px) {
.two-boxa{ width:96%; max-width:100%;}
}
@media (max-width: 639px) {
.two-boxa{ width:100%; max-width:100%;}
}
.two-boxa:after{ content:""; display:block; clear:both;}
.two-boxa a{ display:block; float:left; width:31.33%; margin-right: 2%; position:relative; overflow:hidden;}
.two-boxa a .bbg{ opacity:0; display:block; width:100%; height:100%; max-height:636px;}
.two-boxa a .tu{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity:1;
    -moz-transition: transform 1s,opacity .5s;
	-ms-transition: transform 1s,opacity .5s;
	-o-transition:transform 1s,opacity .5s;
	-webkit-transition:transform 1s,opacity .5s;
	transition: transform 1s,opacity .5s;
}
.two-boxa a:hover .tu{ opacity:1;
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);


}
.two-boxa a .title-box{ bottom:10px; left:0; padding:0px 2% 0px 2%; min-width:100px;  position:absolute; height:45px; }
.two-boxa a .title{ margin:auto 0 0;}
.two-boxa a .title .cn{ font-size:20px; font-weight: normal; letter-spacing:1px; line-height:45px; height:45px; overflow:hidden; color:#fff;}

@media only screen and (max-width:1024px) {
.two-boxa a{margin-bottom:0;}
.two-boxa a .title-box{ padding:25px 2% 20px 2%; height:50px;}
.two-boxa a .title .cn{ font-size:16px; line-height:35px; height:35px; text-align:center;}
.two-boxa a .title .en{ font-size:14px; line-height:22px; height:22px;}
}

@media only screen and (max-width:640px) {
.two-boxa a{ float:left; width:100%; margin-bottom:1%; margin-right:0}
.two-boxa a .title-box{ padding:0 0 0px 2%; height:30px;}
.two-boxa a .title .cn{ font-size:16px; line-height:30px; height:30px; text-align:left;}
.two-boxa a .title .en{ font-size:14px; line-height:24px; height:24px;}

}



.two-boxc{background:#fff; padding:0; z-index:0;position:relative; margin:0 auto;}

@media (max-width: 1300px) {
.two-boxc{ width:96%; max-width:100%;}
}

@media (max-width: 1023px) {
.two-boxc{ width:100%; max-width:100%;}
}


.two-boxc:after{ content:""; display:block; clear:both;}
.two-boxc a{ display:block; float:left; width:32.33%;margin-right: 1%; margin-top:1%; position:relative; overflow:hidden;}
.two-boxc a .bbg{ opacity:0; display:block; width:100%; height:100%; max-height:495px;}
.two-boxc a .tu{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity:1;
    -moz-transition: transform 8s,opacity .5s;
	-ms-transition: transform 8s,opacity .5s;
	-o-transition:transform 8s,opacity .5s;
	-webkit-transition:transform 8s,opacity .5s;
	transition: transform 8s,opacity .5s;
}
.two-boxc a:hover .tu{ opacity:.5;
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);


}

.two-boxc a .title-box{ top:0px; left:4%; padding:40px 2% 20px 2%; position:absolute; height:50px;}
.two-boxc a .title{ margin:auto 0 0;}
.two-boxc a .title .cn{ font-size:18px; line-height:30px; height:30px; overflow:hidden; color:#363636;}
.two-boxc a .title .en{ font-size:16px; line-height:30px; height:30px; overflow:hidden; color:rgba(255,255,255,.5); letter-spacing:normal;text-transform:uppercase;}
.two-boxc a:hover .title-box{  opacity:0; height:230px;padding:150px 2% 10px 2%;}

.two-boxc a .biao{ width:100%; text-align:center; top:32%; position:absolute; color:#333;opacity:0;}
.two-boxc a .biao h2{  font-size:24px; font-weight:normal; margin-bottom:10px;}
.two-boxc a .biao h3{  font-size:15px;font-weight:normal;  width:80%; margin:10px auto 15px auto; line-height:30px;}
.two-boxc a .biao span{  font-size:15px; background:none; border:1px solid #333; padding:7px 40px; height:40px;margin:0px auto; line-height:40px;}
.two-boxc a:hover .biao{
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
	}
.two-boxc a .href{ width:30px; line-height:30px; height:80%;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	position:absolute; z-index:1; bottom:10%; left:2%;
	color:rgba(0,0,0,.3); font-weight:bold; font-size:14px; letter-spacing:2px;
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);

}
.two-boxc a:hover .href{ opacity:0; letter-spacing:20px;}
/*精良设备 end*/

@media only screen and (max-width:1024px) {
.two-boxc a{margin-bottom:0;}
.two-boxc a .title-box{ padding:25px 2% 20px 2%; height:50px;}
.two-boxc a .title .cn{ font-size:16px; line-height:35px; height:35px; text-align:center;}
.two-boxc a .title .en{ font-size:14px; line-height:22px; height:22px;}
.two-boxc a .biao{ width:100%; text-align:center; top:30%; position:absolute; color:#fff;opacity:0;}
.two-boxc a .biao h2{  font-size:18px; font-weight:normal;}
.two-boxc a .biao h3{  font-size:14px;font-weight:normal;  width:85%; margin:10px auto 15px auto; line-height:25px;}
.two-box a .biao span{  font-size:12px; background:#083E88; padding:10px 25px; height:30px;margin:0px auto; line-height:30px;}

}



@media only screen and (max-width:640px) {
.two-boxc a{ width:49%; margin-bottom:0;}
.two-boxc a .title-box{ padding:15px 2% 15px 2%; height:40px;}
.two-boxc a .title .cn{ font-size:14px; line-height:26px; height:26px; text-align:center;}
.two-boxc a .title .en{ font-size:12px; line-height:22px; height:22px;}
.two-boxc a .biao{ width:100%; text-align:center; top:20%; position:absolute; color:#363636;opacity:0;}
.two-boxc a .biao h2{  font-size:16px; font-weight:normal;}
.two-boxc a .biao h3{  font-size:13px;font-weight:normal;  width:80%; margin:10px auto 15px auto; line-height:25px;}
.two-boxc a .biao span{  font-size:12px;  padding:10px 25px; height:30px;margin:0px auto; line-height:30px;}

}






.two-boxb{ background:#fff; padding:0; z-index:0;position:relative; width:100%; max-width:100%; margin:0 auto;}

@media (max-width: 1300px) {
.two-boxb{ width:96%; max-width:100%;}
}
@media (max-width: 639px) {
.two-boxb{ width:100%; max-width:100%;}
}
.two-boxb:after{ content:""; display:block; clear:both;}
.two-boxb div:nth-child(1) a{ float: left; display: block; width: 64.65%; margin-right: 2%; position:relative; overflow:hidden;}
.two-boxb div:nth-child(2) a{ float: left; display: block;width:31.35%; margin-right: 0; position:relative; overflow:hidden;}
.two-boxb a .bbg{ opacity:0; display:block; width:100%; height:100%; max-height:636px;}
.two-boxb a .tu{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity:1;
    -moz-transition: transform 1s,opacity .5s;
	-ms-transition: transform 1s,opacity .5s;
	-o-transition:transform 1s,opacity .5s;
	-webkit-transition:transform 1s,opacity .5s;
	transition: transform 1s,opacity .5s;
}
.two-boxb a:hover .tu{ opacity:1;
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);


}
.two-boxb a .title-box{ bottom:10px; left:0; padding:0px 2% 0px 2%; min-width:100px;  position:absolute; height:45px; }
.two-boxb a .title{ margin:auto 0 0;}
.two-boxb a .title .cn{ font-size:20px; font-weight: normal; letter-spacing:1px; line-height:45px; height:45px; overflow:hidden; color:#fff;}

@media only screen and (max-width:1024px) {
.two-boxb a{margin-bottom:0;}
.two-boxb a .title-box{ padding:25px 2% 20px 2%; height:50px;}
.two-boxb a .title .cn{ font-size:16px; line-height:35px; height:35px; text-align:center;}
.two-boxb a .title .en{ font-size:14px; line-height:22px; height:22px;}
}

@media only screen and (max-width:640px) {

.two-boxb a .title-box{ padding:0; padding-left:2%; height:30px;}
.two-boxb a .title .cn{ font-size:16px; line-height:30px; height:30px; text-align:left;}
.two-boxb a .title .en{ font-size:14px; line-height:22px; height:22px;}

.two-boxb div:nth-child(1) a{ margin-bottom:1%; width:100%; margin-right: 0;}
.two-boxb div:nth-child(2) a{ margin-bottom:1%;width:100%;margin-right: 0;}


}





.btn_morePro {
	display: -webkit-box;
	display: -ms-flexbox;

	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 212px;
	width: 100%;
	color: #0175ae;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.96px;
	line-height: 1.5625;
	padding: 16px 0;
	position: relative;
}
.btn_morePro:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 0;
	height: 2px;
	background-color: #296caf;
}
@media (min-width: 1201px) {
	.btn_morePro:hover {
		color: #296caf;
	}
	.btn_morePro:hover:after {
		width: 100%;
		-webkit-animation: line_ani 0.5s ease-in-out forwards;
		        animation: line_ani 0.5s ease-in-out forwards;
	}
}


@media (max-width: 787px) {
.btn_morePro { font-size:13px; padding:5px 0 }
}

@-webkit-keyframes line_ani {
	0% {
		-webkit-transform: scale3d(0, 1, 1);
		        transform: scale3d(0, 1, 1);
		-webkit-transform-origin: left;
		        transform-origin: left;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		        transform: scale3d(1, 1, 1);
		-webkit-transform-origin: left;
		        transform-origin: left;
	}
	
}

@keyframes line_ani {
		0% {
		-webkit-transform: scale3d(0, 1, 1);
		        transform: scale3d(0, 1, 1);
		-webkit-transform-origin: left;
		        transform-origin: left;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		        transform: scale3d(1, 1, 1);
		-webkit-transform-origin: left;
		        transform-origin: left;
	}
}






.other_warp{
	width: 100%;
	display: block;
	background: #fff;
}

.other_warp.active{
	display: block;
}

.other_outer{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	margin-top: 5vw;
}

.other_outer:nth-child(even){
	direction: rtl;
}

.other_outer:nth-child(even) .other_top .info,.other_outer:nth-child(even) .other_warp{
	direction: initial;
}

.eq_info{
	width: 100%;
	height: auto;
	position: relative;
}

.eq_info .dis{
	width: 45%;
	height: auto;
	position: relative;
	margin-bottom:50px;
}

.eq_info .dis b{ font-size:18px;}

.eq_info .dis img{ max-width: 100%; }

.eq_info .dis h2{
font-size:20px;
line-height:45px;
font-weight:700;
margin:15px 0 5px 0;
text-align:left;
}


.eq_info .img{
	width: 45%;
	height: auto;
	position: absolute;
	right: 0%;
	top: 0;
	
}

.eq_info .img img{max-width:100%;}

.eq_info .dis p{
	width: 100%;
	font-size: 16px;
	line-height: 30px;
	padding: 5px 0px 5px 15px;
	position: relative;
}

.eq_info .dis p::after{
	width: 7px;
	height: 7px;
	position: absolute;
	border-radius: 50%;
	left: 0px;
	top: 15px;
	content: '';
	background-image: -webkit-linear-gradient(45deg, #40dbdd, #0157ae);
}


.rot_box{ clear: both; width: 100%; margin: 0 auto;max-width: 1400px; }

@media (max-width: 1400px) {
.rot_box{ margin: 0 auto;max-width: 96%; }
}
.rot_box img{ max-width: 100%; }

.gongyi_anli_box{ clear:both; width:100%;}
.gongyi_anli_box ul{ margin-top:40px; margin-bottom:20px;}
.gongyi_anli_box ul li{  float:left; width:36%; padding:7% 7%;height:200px; text-align:center;}
.gongyi_anli_box ul li:nth-child(1){ background:#7EBE2C;}  
.gongyi_anli_box ul li:nth-child(2){ background:#295C95;}  
.gongyi_anli_box ul li h2{ font-size:20px; color:#fff; line-height:40px; font-weight:700;} 
.gongyi_anli_box ul li .line{ width:40px; height:2px; display:block; margin: 10px auto; background:#fff;}
.gongyi_anli_box ul li p{ font-size:16px; color:#fff; line-height:30px;}  

.vocs_anli_box{ clear:both; width:100%;}
.vocs_anli_box ul{ margin-top:20px; margin-bottom:20px;}
.vocs_anli_box ul li{  float:left; width:31.33%; margin:20px 1%; text-align:center; max-height:250px;overflow: hidden; }
.vocs_anli_box ul li img{ max-width: 100%;vertical-align: middle; }

.vocs_anli_box ul li p{ font-size:16px; color:#363636; line-height:30px;}  

@media (max-width: 787px) {

.gongyi_anli_box ul{ margin-top:10px; margin-bottom:10px;}
.gongyi_anli_box ul li{  float:none; width:80%; padding:5% 10%;height: auto; text-align:center;}
.gongyi_anli_box ul li:nth-child(1){ background:#7EBE2C;}  
.gongyi_anli_box ul li:nth-child(2){ background:#295C95;}  
.gongyi_anli_box ul li h2{ font-size:16px; color:#fff; line-height:30px; font-weight:700;} 
.gongyi_anli_box ul li .line{ width:30px; height:1px; display:block; margin:5px auto; background:#fff;}
.gongyi_anli_box ul li p{ font-size:14px; color:#fff; line-height:26px;}  


.vocs_anli_box{ clear:both; width:100%;}
.vocs_anli_box ul{ margin-top:10px; margin-bottom:10px;}
.vocs_anli_box ul li{  float:left; width:48%; margin:10px 1%; text-align:center; max-height:150px;overflow: hidden; }




}



.mb10{
	margin-bottom: 10vw;
}

.g5_box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.g5_box .g5{
	width: 45%;
}

.g5_box .pic{
	width: 45%;
	height: 100%;
}

.g5_box .g5 .des{
	width: 100%;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 3vw;
}

.g5_box .g5 .info{
	width: 100%;
	height: auto;
	position: relative;
}

.g5_box .g5 .info b{
	display: block;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 1vw;
}

.g5_box .g5 .info p{
	width: 100%;
	font-size: 16px;
	line-height: 30px;
	padding: 5px 0px 5px 15px;
	position: relative;
}

.honorSwiper{
	display: none;
}

.g5_box .g5 .info p::after{
	width: 7px;
	height: 7px;
	position: absolute;
	border-radius: 50%;
	left: 0px;
	top: 15px;
	content: '';
	background-image: -webkit-linear-gradient(45deg, #40dbdd, #0157ae);
}

.singeBox{
	width: 100%;
	margin-top: 10vw;
}

.singeBox .name{
	width: 100%;
	display: block;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 1vw;
	font-weight: bold;
}

.singeBox .singePage{
	margin-bottom: 10vw;
}

.singeBox .name p{
	font-weight: normal;
	font-size: 16px;
}

.common_title{
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1;
	margin-bottom:30px;
	z-index: 5;
}

.common_title.c{
	text-align: center;
}

.common_title.w p{
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	-webkit-text-fill-color: transparent;
	opacity: .5;
}
.common_title.w b{
	color: #fff;
	background-image: none;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: #fff;
}

.common_title p{
	font-size: 60px;
	font-family: Geometr;
	font-weight:700;
	opacity: .6;
	margin-top:50px;
	text-transform:uppercase;
	color:#fff;
	
}

.common_title h3{
	font-size: 16px;
	font-weight: normal;
	 line-height: 30px;
	 margin: 15px 0;
	 text-align: left;
	 
	color:#333;
	
}


.common_title b{
	font-size: 26px;
	background-image: -webkit-linear-gradient(45deg, #417ebc, #417ebc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}



@media screen and (max-width:1200px) {


.common_title p{
	font-size: 40px;

	margin-top:30px;

	
}



.common_title b{
	font-size: 20px;
	
}

}


@media screen and (max-width:787px) {


.common_title p{
	font-size:22px;
	margin-top:30px;
	
}

.common_title b{
	font-size: 16px;

}

.common_title{
	margin-bottom:10px;

}


.eq_info .dis{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom:10px;
	float:left;
}


.eq_info .dis b{ font-size:14px;}

.eq_info .img{
	width: 100%;
	height: auto;
	position: relative;
	right: 0%;
	top: 0;
	
	
}

.eq_info .dis h2{
font-size:16px;
line-height:30px;
font-weight:700;
margin:10px 0 0 0;

}



.eq_info .img img{max-width:100%;}

.eq_info .dis p{
	width: 100%;
	font-size: 14px;
	line-height: 26px;
	padding: 2px 0px 2px 15px;
	position: relative; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



}








.singePage{ font-size:16px;}
.singePage p{ margin-bottom:15px; font-size:16px; line-height:30px;}

.singePage table{
	width: 100% !important;
}

.singePage table tr{
	font-size: 16px;
	background: #e7e7e7;
}

.singePage table tr:nth-child(even){
	background: #fff;
}

.jybd.singePage table tr:last-child{
    background: #e7e7e7;
}

.singePage table tr td{
	width: 30%;
	height: auto;
	padding: 20px 50px;
	line-height: 25px;
}

.singePage table tr td:last-child{
	width: 70%;
}

.singePage table p{
	margin-bottom: 0px;
}



.common_title strong{
	display: block;
	width: 100%;
	margin-top: 1.5vw;
	font-weight: normal;
	font-size: 16px;
	line-height:30px;
}


.classifyArea h1{ font-size: 20px; }

.classifyArea .classifyDataBox .dataBox {
	padding-top: 35px;
}
.classifyArea .classifyDataBox .dataBox .dataBar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 25px;
}
@media (max-width: 480px) {
	.classifyArea .classifyDataBox .dataBox .dataBar {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
}
.classifyArea .classifyDataBox .dataBox .dataBar .dataTitle {
	width: calc(100% - 183px);
	color: #424242;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 1.92px;
	/*60*/
	line-height: 1.4375;
}
@media (max-width: 480px) {
	.classifyArea .classifyDataBox .dataBox .dataBar .dataTitle {
		width: 100%;
	}
}
.classifyArea .classifyDataBox .dataBox .dataBar .btnBox {
	width: 183px;
	padding-top: 0;
}
@media (max-width: 480px) {
	.classifyArea .classifyDataBox .dataBox .dataBar .btnBox {
		width: 100%;
		padding-top: 20px;
	}
}
.classifyArea .classifyDataBox .dataBox .dataBar .btnBox h2, .classifyArea .classifyDataBox .dataBox .dataBar .btnBox h3, .classifyArea .classifyDataBox .dataBox .dataBar .btnBox h4 {
	font-weight: 500;
}
.classifyArea .classifyDataBox .dataBox .dataBar .btnBox a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	border: 0;
	width: 100%;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1.28px;
	/*80*/
	border-radius: 2px;
	background-color: #52b2e1;
	padding: 15.5px 26px 18.5px 26px;
	-webkit-box-shadow: 0px 3px 12px 0px rgba(197, 197, 197, 0.23);
	        box-shadow: 0px 3px 12px 0px rgba(197, 197, 197, 0.23);
}
.classifyArea .classifyDataBox .dataBox .dataBar .btnBox a svg {
	color: #ffffff;
	margin-top: 3px;
}
@media (min-width: 1201px) {
	.classifyArea .classifyDataBox .dataBox .dataBar .btnBox a:hover {
		background-color: #296caf;
	}
}
.classifyArea .classifyDataBox .dataBox .dataTblArea {
	border-radius: 3px;
	overflow: hidden;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 3px 12px 0px rgba(82, 82, 82, 0.09);
	        box-shadow: 0px 3px 12px 0px rgba(82, 82, 82, 0.09);
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTableBox {
	overflow: hidden;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .scrollBox {
	position: relative;
	padding-bottom: 0;
	max-height: 715px;
	/*605px*/
	position: relative;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable {
	-webkit-box-shadow: none;
	        box-shadow: none;
	overflow-x: auto;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > thead {
	position: sticky;
	top: 0;
	z-index: 11;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > thead > tr > th {
	
}
@media (max-width: 768px) {
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > thead > tr > th {
		font-size: 16px;
		padding: 24px 15px;
	}
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > thead > tr > th:first-child {
	padding-left: 40px;
	padding-right: 23px;
}
@media (max-width: 768px) {
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > thead > tr > th:first-child {
		padding-left: 30px;
	}
}
@media (max-width: 480px) {
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > thead > tr > th:first-child {
		padding-left: 20px;
		position: sticky;
		left: 0;
		z-index: 10;
	}
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > thead > tr > th:first-child, .classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > thead > tr > th:nth-child(2) {
	text-align: center;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr:last-child > td:after {
	height: 1px;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td {
	font-size: 16px;
	letter-spacing: 0.08px;
	padding: 17.5px 17px 19.5px 17px;
}
@media (max-width: 768px) {
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td {
		font-size: 14px;
		padding: 25px 10px;
	}
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td:first-child {
	padding-left: 40px;
	padding-right: 23px;
}
@media (max-width: 768px) {
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td:first-child {
		padding-left: 30px;
	}
}
@media (max-width: 480px) {
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td:first-child {
		padding-left: 20px;
		position: sticky;
		left: 0;
		z-index: 10;
	}
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td:first-child, .classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td:nth-child(2) {
	text-align: center;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td:not(.link) {
	font-family: "Noto Sans TC";
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media (max-width: 768px) {
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink svg {
		max-width: 30px;
	}
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink a {
	padding: 0 10px;
	display: block;
	position: relative;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink a:first-child {
	padding-right: 5px;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink a:first-child .tooltip {
	right: calc(100% - 20px);
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink a:last-child {
	padding-left: 5px;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink a:last-child .tooltip {
	left: calc(100% - 20px);
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink a .tooltip {
	position: absolute;
	bottom: -20px;
	color: #838383;
	font-size: 14px;
	border-radius: 2px;
	letter-spacing: 0.84px;
	border: 1px solid #eaeaea;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
	        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
	padding: 5px 11.82px;
	white-space: nowrap;
	z-index: 99999;
	opacity: 0;
}
@media (min-width: 1201px) {
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink a:hover {
		-webkit-transform: translateY(-10px);
		        transform: translateY(-10px);
	}
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink a:hover .tooltip {
		opacity: 1;
	}
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable > tbody > tr > td .proLink a:hover svg {
		color: #296caf;
	}
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable .resourceTR > td {
	border-radius: 3px;
	overflow: hidden;
	padding: 43.5px 23px 97px 30px;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resultBox .resultTable .resourceTR > td:after {
	display: none;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox {
	padding: 43.5px 23px 97px 40px;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTitle {
	color: #424242;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 1.5px;
	line-height: 1.4375;
	text-align: left;
	padding-bottom: 32px;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTableBox {
	overflow: hidden;
	border-radius: 3px 3px 0 0;
}
@media (min-width: 1025px) {
	.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .scrollBox {
		white-space: unset;
	}
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable {
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable tr:last-child td:after {
	height: 3px;
	background-color: #eaeaea;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable tr:last-child td:first-child:after {
	left: 0;
	width: 100%;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable tr:last-child td:last-child:after {
	right: 0;
	width: 100%;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable th {
	font-weight: 500;
	padding: 19.5px 30px 18.5px;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable th h2, .classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable th h3, .classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable th h4 {
	font-weight: 500;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable th:after {
	display: none;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable th:first-child {
	padding-left: 55px;
	width: 70%;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable td {
	padding: 22px 30px 23px;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable td:after {
	height: 1px;
	background-color: #d0d0d0;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable td:first-child {
	padding-left: 55px;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable td:first-child:after {
	left: 25px;
	width: calc(100% - 25px);
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable td:first-child:before {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 1px;
	height: 52px;
	background-color: #d0d0d0;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .resourceBox .resourceTable td:last-child:after {
	right: 25px;
	width: calc(100% - 25px);
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .touchMove {
	pointer-events: none;
	position: absolute;
	top: 130px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 200px;
	height: 200px;
	z-index: 99;
	background-color: rgba(82, 178, 225, 0.9);
	padding: 20px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	border-radius: 3px;
	letter-spacing: 1.2px;
	-webkit-box-shadow: 0px 3px 12px 0px rgba(197, 197, 197, 0.23);
	        box-shadow: 0px 3px 12px 0px rgba(197, 197, 197, 0.23);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	opacity: 0;
}
@media (min-width: 481px) {
	.classifyArea .classifyDataBox .dataBox .dataTblArea .touchMove {
		display: none;
	}
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .touchMove.show {
	opacity: 0;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .touchMove.mouseIn {
	opacity: 0;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .touchMove .vertical {
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	margin-left: auto;
	-webkit-writing-mode: vertical-lr;
	    -ms-writing-mode: tb-lr;
	        writing-mode: vertical-lr;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .touchMove .finger {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -11px;
	-webkit-animation: pointer 5s infinite ease-in-out;
	        animation: pointer 5s infinite ease-in-out;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .touchMove .finger2 {
	position: absolute;
	top: 60%;
	right: 40px;
	margin-top: -17px;
	-webkit-animation: pointer2 5s 2.5s infinite ease-in-out;
	        animation: pointer2 5s 2.5s infinite ease-in-out;
}
.classifyArea .classifyDataBox .dataBox .dataTblArea .touchMove svg {
	width: 22px;
	height: 30px;
	color: #fff;
}



.resultBox .resultTableBox {
	border-radius: 3px;
}
.resultBox .scrollBox {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: auto;
	padding-bottom: 40px;
}
.resultBox .scrollBox.dragscroll table {
	cursor: move;
}
.resultBox .scrollBox::-webkit-scrollbar {
	height: 5px;
}
.resultBox .scrollBox::-webkit-scrollbar-track {
	background-color: #e7e7e7;
}
.resultBox .scrollBox::-webkit-scrollbar-thumb {
	height: 5px;
	background-color: #296caf;
}
.resultBox .scrollBox::-webkit-scrollbar-thumb:hover {
	background-color: #0175ae;
}
.resultBox .scrollBox::-webkit-scrollbar:vertical {
	width: 10px;
}
.resultBox .scrollBox::-webkit-scrollbar-thumb:vertical {
	width: 10px;
	background-color: #296caf;
}
.resultBox table {
	width: 100%;
	border-collapse: collapse;
	-webkit-box-shadow: 0px 3px 12px 0px rgba(82, 82, 82, 0.09);
	        box-shadow: 0px 3px 12px 0px rgba(82, 82, 82, 0.09);
}
.resultBox table tr:last-child td:after {
	height: 3px;
	background-color: #eaeaea;
}
.resultBox table th,
.resultBox table td {
	text-align: center;
	vertical-align: middle;
}
.resultBox table th.text-center,
.resultBox table td.text-center {
	text-align: center;
}
.resultBox table th {
	color: #ffffff;
	font-size: 16px;	
	background-color: #417ebc;
	position: relative;
	padding: 15px 30px;
	font-weight: normal;
	text-align:center;
}
.resultBox table th:first-child {
	padding-left: 50px;
}
@media (max-width: 440px) {
	.resultBox table th:first-child {
		padding-left: 30px;
	}
}
.resultBox table th:not(:last-child):after {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	background-color: #43a2d1;
	width: 1px;
	height: 34px;
}
.resultBox table td {
	color: #424242;
	font-size: 17px;
	letter-spacing: 1.02px;
	background-color: #ffffff;
	padding: 20px 30px;
	position: relative;
}
.resultBox table td h2, .resultBox table td h3, .resultBox table td h4 {
	font-weight: normal;
}
.resultBox table td:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #d0d0d0;
}
.resultBox table td:first-child {
	padding-left: 50px;
}
@media (max-width: 440px) {
	.resultBox table td:first-child {
		padding-left: 30px;
	}
}
.resultBox table td:first-child:after {
	left: 30px;
	width: calc(100% - 30px);
}
@media (max-width: 480px) {
	.resultBox table td:first-child:after {
		left: 20px;
		width: calc(100% - 20px);
	}
}
.resultBox table td:last-child:after {
	width: calc(100% - 30px);
}
@media (max-width: 480px) {
	.resultBox table td:last-child:after {
		width: calc(100% - 20px);
	}
}
.resultBox table td:not(.link) {
	font-family: "Outfit", sans-serif, "Noto Sans TC";
}
@media (min-width: 1201px) {
	.resultBox table td.link:hover a {
		-webkit-transform: translateY(-3px);
		        transform: translateY(-3px);
	}
}
.resultBox table td.link:not(.noRemoveTxt) a .txt {
	display: none;
}
.resultBox table td.link a {
	color: #0175ae;
	font-size: 16px;
	display: block;
	text-align: center;
}
@media (min-width: 1201px) {
	.resultBox table td.link a:hover {
		color: #296caf;
	}
	.resultBox table td.link a:hover svg {
		color: #296caf;
	}
}
.resultBox table td.link a.btn_member .txt {
	margin-left: 9px;
}
.resultBox table td.link a.btn_download .txt {
	margin-left: 8px;
}
.resultBox table td.link a svg {
	color: #0175ae;
}
.resultBox table td.link a svg.icon_file {
	vertical-align: -4px;
}
.resultBox table td.link a svg.icon_user {
	vertical-align: -2px;
}




.liangyou_box{ clear:both; width:100%; background:url(../images/liangyou_bg.jpg) no-repeat top center; height:100%;}


.case_list{ clear:both; width:100%;}
.case_list ul li{ width:31.33%; margin:0 1%; float:left;}
.case_list ul li img{ max-width:100%;}



.jiejue_box{ clear:both; width:96%; margin:0 auto;}
.jiejue_box ul{ }
.jiejue_box ul li{ margin-top:15px; display:block; width:100%} 
.jiejue_box ul li img{ max-width:100%;}
.jiejue_box ul li h1{ font-size:16px; text-align:left; font-weight:700; line-height:30px; margin-top:10px;}
.jiejue_box ul li p{ font-size:14px; text-align:left;line-height:26px; margin-top:5px;}
.jiejue_box ul li a.jiejue_more{ font-size:13px; text-align: center;line-height:26px; width:120px; height:35px; line-height:35px; background: url(../images/foot_fasong.png) no-repeat center center; color:#fff; display:block; margin-top:10px;}











.hidd1{ display: block;}
.hidd{ display:none;}
@media screen and (max-width:1023px) {
.hidd1{ display: none;}
.hidd{ display: block;}
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 7px;
    height: 7px;
    background-color: #ccc;

}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  border-radius: 10px;
    background-color: #ccc;

}
 








