*{margin:0px;padding:0px;box-sizing:border-box;list-style:none}
/*#china-map {width:674px; height:565px;margin: auto;position:relative;float:left;}*/
#china-map {display:block;width:674px; height:565px;margin:0 auto;position:relative;}
.outer-dot{width:16px;height:16px;border-radius:50%;position:absolute;background:#56BEB2;left:100px;cursor:pointer}
.inner-dot{width:8px;height:8px;border-radius:50%;position:absolute;top:4px;left:4px;background:#fff}
.outer-dot .pro-city{display:inline-block;min-width:40px;padding:5px;font-size:14px;color:#666;position:absolute;left:16px;top:-6px;}
.outer-dot .pro-city.left { left: -40px; }
.outer-dot .content{width:150px;border:1px solid #56BEB2;position:absolute;top:30px;left:-68px;padding:5px 5px;background:#fff;z-index:20;display:none}
.outer-dot .content .triangle1{display:block;border:10px solid transparent;border-bottom-color:#56BEB2;position:absolute;top:-20px;left:65px}
.outer-dot .content .triangle2{display:block;border:9px solid transparent;border-bottom-color:#fff;position:absolute;top:-18px;left:66px;z-index:5}
.outer-dot .content .content-title{font-size:14px;color:#424242;font-weight:bold;text-align:center}
.outer-dot .content .content-body p{font-size:14px;color:#424242;padding:0 5px;}

.container{width:100%;overflow:hidden;margin: 0 auto 20px!important}
.pro-banner{width:100%;height:600px;position:relative;background-color:rgb(95,141,247);background:rgba(95,141,247,0.1) url("../png/produce-banner-bg.png") no-repeat}
.pro-banner .pro-banner-content{width:1200px;margin:0 auto;position:relative}
.pro-banner .pro-banner-content:after{content:"";display:block;clear:both}
.pro-banner .banner-img{display:block;margin:0 auto;position:absolute;top:37px;left:225px;z-index:100;}
.pro-banner .row1{position:absolute;top:150px;right:210px;}
.pro-banner .row2{position:absolute;top:420px;right:185px;}
.pro-banner .pro-title{margin:129px 0px 0px 20px;position:relative}
.pro-banner .pro-title:after{content:"";display:block;clear:both}
.pro-banner .pro-title .title1{display:inline-block;width:220px;line-height:60px;background:rgb(95,141,247);background:rgba(95,141,247,0.2);font-size:36px;color:#59625f;text-align:center;float:left;letter-spacing:1.8px}
.pro-banner .pro-title .title2{display:inline-block;width:6px;height:6px;border-radius:50%;background:#59625f;position:absolute;top:26px;left:217px;}
.pro-banner .pro-title .title3{display:inline-block;height:60px;padding-top:20px;font-size:24px;color:#59625f;float:left;margin-left:10px;letter-spacing:1.8px}
.pro-banner .pro-banner-content .pro-desc{width:575px;font-size:14px;color:#424242;line-height:21px;margin:38px 0px 0px 23px;}
.pro-banner .pro-list{width:612px;overflow:hidden;position:absolute;top:360px;left:-921px}
.pro-banner .pro-list:after{content:"";display:block;clear:both}
.pro-banner .pro-list li{float:left;width:25%;position:relative}
.pro-banner .pro-list li span{display:block;padding-left:10px;font-size:18px;color:#424242;line-height:30px;overflow:hidden;position:relative;z-index:2;}
.pro-banner .pro-list li .dot{width:30px;height:30px;border-radius:50%;background:#f6ce63;position:absolute;top:0px;left:0px}
.pro-banner .pro-list li p{font-size:14px;color:#424242;line-height:21px;margin-top:27px;overflow:hidden}
.pro-banner-content .wechat-applet{position:absolute;top:78px;right:25px}
.pro-banner-content .wechat-public{position:absolute;top:338px;right:25px}
.pro-banner-content .wechat-applet p,.pro-banner-content .wechat-public p{font-size:14px;color:#424242;line-height:20px;text-align:center}


.pro-efficiency{width:100%;height:1094px;}
.pro-efficiency .pro-item{width:1200px;margin:0 auto}
.pro-efficiency .pro-slogan{font-size:30px;color:#424242;font-weight:bold;line-height:40px;height:40px;margin-top:75px;text-align:center}
.pro-efficiency .pro-item ul{margin-top:54px}
.pro-efficiency .pro-item ul:after{content:"";display:block;clear:both}
.pro-efficiency .pro-item ul li{width:400px;float:left;position:relative}
.pro-efficiency .pro-item ul li .img-container{width:200px;height:200px;margin:0 auto;border-radius:50%;box-shadow: 0px 10px 25.5px 4.5px rgba(115, 149, 235, 0.2);position:relative;cursor:pointer}
.pro-efficiency .pro-item ul li img{position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;cursor:pointer}
.pro-efficiency .pro-item ul li p{font-size:36px;color:#333;text-align:center;margin-top:40px;position:relative}
.pro-efficiency .pro-item ul li p:after{content:"";display:block;width:22px;height:5px;background:#5f6379;position:absolute;bottom:-8px;left:188px}
.pro-efficiency .pro-item ul li p span{font-size:16px}
.pro-efficiency .pro-item ul li div{font-size:14px;color:#424242;text-align:center;margin-top:20px}


.pro-efficiency .crossband{width:100%;margin-top:95px}
.pro-efficiency .crossband:after{content:"";display:block;clear:both}
.pro-efficiency .crossband .row{width:100%;height:120px;margin-bottom:40px;position:relative}
.pro-efficiency .crossband .row .col1{width:15%;height:112px;background:#f6ce63;opacity:0.2;filter:alpha(opacity:20);-moz-opacity:0.2;position:absolute;top:4px}
.pro-efficiency .crossband .row .col2{width:50%;height:120px;background:#f6ce63;position:absolute;padding:15px 40px;box-shadow:0 0 20px rgba(246,206,99,0.8)}
.pro-efficiency .crossband .row .col2 p{font-size:18px;color:#333;line-height:37px;font-weight:bold}
.pro-efficiency .crossband .row .col2 div{width:95%;font-size:14px;color:#424242;line-height:21px;margin-top:6px}
.pro-efficiency .crossband .row .col2 img{position:absolute;right:35px}
.pro-efficiency .crossband .row .col3{width:25%;height:112px;background:rgb(246,206,99);background:rgba(246,206,99,0.5);position:absolute;top:4px;line-height:112px;font-size:18px;color:#333;overflow:hidden}
.pro-efficiency .crossband .row .col3 a{display:block;width:644px;height:112px;position:relative;overflow:hidden}
.pro-efficiency .crossband .row .col3 a:hover span{color:#fc916d;}
.pro-efficiency .crossband .row .col3 a span{font-size:18px;color:#333;font-weight:bold;position:relative;z-index:100;position:absolute;top:0;left:-200px;}
.pro-efficiency .crossband .row .col3 .arrow{position:absolute;top:0px;bottom:0px;left:-200px;margin:auto}
.pro-efficiency .crossband .row .col3 .dot-bg{opacity:0.2;filter:alpha(opacity:20);left:0px;}


@media screen and (max-width:1200px){
    .pro-efficiency .crossband .row .col1{width:0px;}
    .pro-efficiency .crossband .row .col2{width:70%;}
    .pro-efficiency .crossband .row .col3{width:25%;}

    .pro-efficiency .crossband .row1 .col1{left:0%;}
    .pro-efficiency .crossband .row1 .col2{left:0%;}
    .pro-efficiency .crossband .row1 .col3{right:0px}

    .pro-efficiency .crossband .row2 .col1{left:0px}
    .pro-efficiency .crossband .row2 .col2{left:5%;}
    .pro-efficiency .crossband .row2 .col3{right:-5%}

    .pro-efficiency .crossband .row3 .col1{left:0%;}
    .pro-efficiency .crossband .row3 .col2{left:0%;}
    .pro-efficiency .crossband .row3 .col3{right:0px}

}
@media screen and (min-width:1201px){
    .pro-efficiency .crossband .row1 .col1{left:-3%;}
    .pro-efficiency .crossband .row1 .col2{left:18%;}
    .pro-efficiency .crossband .row1 .col3{right:0px}

    .pro-efficiency .crossband .row2 .col1{left:0px}
    .pro-efficiency .crossband .row2 .col2{left:21%;}
    .pro-efficiency .crossband .row2 .col3{right:-53px}

    .pro-efficiency .crossband .row3 .col1{left:-3%;}
    .pro-efficiency .crossband .row3 .col2{left:18%;}
    .pro-efficiency .crossband .row3 .col3{right:0px}
}

.pro-efficiency .crossband .row1 .col2 img{top:37px}
.pro-efficiency .crossband .row2 .col2 img{top:34px}
.pro-efficiency .crossband .row2 .col2 p{margin-top:10px}
.pro-efficiency .crossband .row3 .col2 img{top:26px}

.pro-efficiency .crossband .row1 .col3 img{left:167px}
.pro-efficiency .crossband .row2 .col3 img{left:190px}
.pro-efficiency .crossband .row3 .col3 img{left:204px}

.pro-project{width:100%;height:600px;background:#eff3fe}
.pro-project .project-item{width:1200px;margin:0 auto}
.pro-project .project-item .project{font-size:30px;color:#424242;font-weight:bold;text-align:center;line-height:35px;margin-top:76px}
.pro-project .project-item ul{width:100%;margin-top:32px}
.pro-project .project-item ul:after{content:"";display:block;clear:both}


.pro-project .project-item li a{perspective: 900px}
.pro-project .project-item li a img{-webkit-transition: all 0.35s linear;-moz-transition: all 0.35s linear;transition: all 0.35s linear;-webkit-transform-origin: 50% 0%;-moz-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;-o-transform-origin: 50% 0%;transform-origin: 50% 0%}

.pro-project .project-item .circle{width:210px;height:210px;line-height:210px;text-align:center;padding:0px;background:#cbdffc;background:rgba(0,0,0,0.2);border-radius:50%;position:absolute;left:0px;right:0px;top:20px;font-size:18px;color:#424242;font-weight:bold;margin:auto;transform-style:preserve-3d;display:none}

.project-item li a:hover img{opacity:0;filter:alpha(opacity:0);-webkit-transform: translate3d(0, -50px, 0) rotate3d(1, 0, 0, 90deg);-moz-transform: translate3d(0, -50px, 0) rotate3d(1, 0, 0, 90deg);-ms-transform: translate3d(0, -50px, 0) rotate3d(1, 0, 0, 90deg);-o-transform: translate3d(0, -50px, 0) rotate3d(1, 0, 0, 90deg);transform: translate3d(0, -50px, 0) rotate3d(1, 0, 0, 90deg)}
.project-item li a:hover .circle{display:block}

.pro-project .project-item li{width:25%;float:left;position:relative}
.pro-project .project-item li img{width:260px;height:260px;border-radius:50%;display:block;margin:0 auto;}
.pro-project .project-item .subtitle{font-size:16px;color:#424242;text-align:center;font-weight:bold}
.pro-project .project-item ul div{width:100%;padding:0px 25px;font-size:14px;color:#666;margin-top:25px}


/*.pro-spread{width:1200px;margin:0 auto;padding-top:50px}
.pro-spread:after{content:"";display:block;clear:both}
.pro-spread .pro-city-list{float:left;margin-top:35px;margin-left:40px} 
.pro-spread .pro-city-list p{width:360px;line-height:35px;font-size:30px;color:#424242;font-weight:bold;text-align:center}
.pro-spread .pro-city-list .city-list{width:360px;border-collapse:collapse;border-spacing:0px;margin-top:36px}
.pro-spread .pro-city-list .city-list tr{width:100%;height:40px;background:#cbdffc}
.pro-spread .pro-city-list .city-list .even{background:#eff5fe}
.pro-spread .pro-city-list .city-list .odd{background:#e3edfd}
.pro-spread .pro-city-list .city-list tr td{font-size:14px;color:#424242;text-align:center}*/
.pro-spread{width:1200px;margin:0 auto;padding-top:50px;position:relative;}
.pro-spread:after{content:"";display:block;clear:both}
.pro-spread .pro-city-list{float:left;margin:0px 0px 50px 180px;} 
.pro-spread .china{width:360px;line-height:35px;font-size:30px;color:#424242;font-weight:bold;text-align:center;position:absolute;top:50px;left:0;right:0;margin:auto;}
.pro-spread .pro-city-list .city-list{width:840px;border-collapse:collapse;border-spacing:0px;}
.pro-spread .pro-city-list .city-list tr{width:100%;height:40px;background:#cbdffc}
.pro-spread .pro-city-list .city-list .even{background:#EFF8F7}
.pro-spread .pro-city-list .city-list .odd{background:#fff}
.pro-spread .pro-city-list .city-list tr td{font-size:14px;color:#424242;text-align:center}




/*.pro-English{width:100%;background:#fdf5e0 url("https://statics.shiyanjia.com/c/2018/images/produce/English-bg.png") no-repeat;overflow:hidden;padding-bottom:50px}
.pro-English p{width:100%;line-height:49px;font-size:30px;color:#424242;font-weight:bold;text-align:center;margin-top:71px}
.pro-English .img-box-hide{width:750px;overflow:hidden;margin:0 auto;}
.pro-English .img-box{width:767px;margin:51px auto 0;overflow:hidden;position:relative;text-align:center}
.pro-English .img-box:after{content:"";display:block;clear:both}
.pro-English .img-box img{width:750px;position:absolute;left:0;}*/

.pro-English{width:100%;background:#fdf5e0 url("../png/english-bg.png") no-repeat;overflow:hidden;padding-bottom:50px}
.pro-English p{width:100%;line-height:49px;font-size:30px;color:#424242;font-weight:bold;text-align:center;margin-top:71px}
.pro-English .img-box-hide{width:750px;overflow:hidden;margin:0 auto;}
.pro-English .img-box{width:767px;margin:51px auto 0;overflow-y:auto;position:relative;text-align:center}
.pro-English .img-box:after{content:"";display:block;clear:both}
.pro-English .img-box img{width:750px;position:absolute;left:0;}

.loader-ring-light{
	width: 200px;
  	height: 200px;
  	-moz-border-radius: 200px;
  	-webkit-border-radius: 200px;
  	border-radius: 200px;
  	-moz-box-shadow: 0 4px 0 #00abf2 inset;
  	-webkit-box-shadow: 0 4px 0 #00abf2 inset;
  	box-shadow: 0 4px 0 #00abf2 inset;
  	position:absolute;
  	left:0px;
  	right:0px;
  	margin:auto;
  	top:-20px;
  	display:none
}
.loader-ring-light-active{animation: rotate-360 5s linear infinite;}
@keyframes rotate-360 {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes warn{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.pulse{
	position:absolute;
	top:-24px;
	left:-25px;
	z-index: 10;
	height:66px;
	width:66px;
	border:2px solid #56BEB2;
	-webkit-border-radius:48px;
	-moz-border-radius:48px;
	border-radius:48px;
	-webkit-box-shadow:0 0 4px #56BEB2,0 0 10px #56BEB2 inset;
	-moz-box-shadow:0 0 4px #56BEB2,0 0 10px #56BEB2 inset;
	box-shadow:0 0 4px #56BEB2,0 0 10px #56BEB2 inset;
	opacity:0;
	filter:alpha(opacity=0);
	background:0 0;
	animation-name: warn!important;}
.pulse-active{
    -webkit-animation:warn 2s ease-out both;
	-moz-animation:warn 2s ease-out both;
	-o-animation:warn 2s ease-out both;
	animation:warn 2s ease-out both;
    -webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.delay-04{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}
.delay-05{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}
.delay-06{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}
/*致谢*/
.index-classify {
	line-height: 40px;
	font-size: 28px;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.index-classify span {
    font-size: 16px;
    color: rgba(0, 0, 0, .65);
    font-weight: 500;
}
.index-sub {
	line-height: 20px;
	margin-top: 10px;
	font-size: 14px;
	color: #424242;
	text-align: center;
}
.sci-thanks-container {
    padding: 48px 0 60px 0;
    background: #F4FBF8;
}
.thanks-list-box {
  	position: relative;
    width: 1200px;
    margin: 24px auto 0;
    /*height: 677px;*/
    padding: 0 30px 25px;
    background: #FFF;
    box-shadow: 0px 0px 30px 4px #D6E2DD;
}
.thanks-list-box > div {
	/*height: 586px;
	overflow: hidden;*/
}
.thanks-list {
  	position: relative;
	width: 100%;
}
.thanks-list tr {
	border-bottom: 1px solid rgba(187, 151, 79, 0.5);
}
.thanks-list .col1 {
	width: 230px;
  	padding-left: 10px;
}
.thanks-list .col2 {
	width: 220px;
  	line-height: 20px;
  	padding-right: 15px;
}
.thanks-list .col3 {
	width: 332px;
	padding: 5px 30px 5px 0;
}
.thanks-list .col4 {
	width: 358px;
	padding: 20px 12px 20px 0;
}
.thanks-list th {
	height: 80px;
	font-size: 16px;
	color: rgba(0, 0, 0, .85);
	font-weight: bold;
	text-align: left;
}
.thanks-list td {
	min-height: 100px;
	font-size: 14px;
	color: rgba(0, 0, 0, .65);
}
.thanks-list td a {
  	display: inline-block;
	color: #32D693;
}
.thanks-list td a span {
	float: right;
	width: 150px;
	margin-left: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba(0, 0, 0, .65);
}
.thanks-list td a span:hover {
	color: #32D693;
}
.thanks-list td span {
	color: #FEA000;
}
.refer_detail {
  	font-size: 14px;
  	color: #424242;
}
.refer_detail:hover {
	color: #32D693;
}
.refer_detail span {
	color: #32D693;
}
.refer_all {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #32D693;
	margin: 26px auto 0;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border-radius: 100px;
}
.refer_all:hover {
	color: #FFF;
}