@charset "utf-8";
/*
	Trp CSS Document
	Author By Globalstech.CBN
	date:2018-04-18
*/

*{ margin:0; padding:0;}
ul,ol,li{ list-style:none;}
img{ border:none;}
a{ text-decoration:none;font-size: 11px;color: #5d5d5d;}
/*.container{ width: 1880px; margin: 0 auto;}*/
.clearB{clear:both;}
.qdtj-home{width: 100%;/*background: gray;*/margin:auto;}
/*--------------------header star--------------------*/
.qdtj-header{width:100%;margin:auto;}
.header-logo{width: 20%; height: 49px;float: left; padding: 3% 0px 1% 5%;}
.header-logo img{width: 100%; height: auto;}
.header-nav{width:75%; height: 101px;float: left;color: #000;/*padding-left:158px;*/}
ul.navmenu li{float:left; padding-left:18px;padding-right:18px; text-align:center;position:relative;line-height: 101px;}
ul.navmenu div.sub{position:absolute;left:2px;top:98px;background:#fff;border:0px;width:500px;z-index:9999;display:none;}
ul.navmenu li a.level-0 span{font-size:14px;}
ul.navmenu li a.level-0{padding-bottom:39px;}
/*---------------------header end-------------------*/


/*----------------banner--------------*/
#banner {position:relative; z-index:2; width:100%; height:408px; overflow:hidden;}
#banner .pics {position:relative; width:100%; height:100%;}
#banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0;background-size: 100%;}
#banner .pics li a {display:block; width:100%; height:100%;}
#banner .pics .b1 {display:list-item;}
#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
#banner .btns .prev {left:-50px;}
#banner .btns .next {right:-50px;}
#banner .btns .prev.on {left:120px;}
#banner .btns .next.on {right:120px;}
#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}
#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns .prev .off {background:url(images/prev.png) no-repeat 0 0;}
#banner .btns .prev .on  {background:url(images/prev_on.png) no-repeat 0 0;}
#banner .btns .next .off {background:url(images/next.png) no-repeat 0 0;}
#banner .btns .next .on {background:url(images/next_on.png) no-repeat 0 0;}
#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}

#banner .g-wrap {position:absolute; left:50%; bottom:0; z-index:2; margin-left:-565px; width:1130px; height:30px; overflow:hidden;display: none;}
#banner .g-wrap .idxs {float:left; height:100%;}
#banner .g-wrap .idxs li {float:left; margin:30px 7px 0 0; width:9px; height:9px; border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
#banner .g-wrap .idxs li.on {background-color:#8f8d93; border-color:#8f8d93;}

















.qdtj-kjlj{width: 100%;margin: auto;overflow: hidden; background: url(images/bjshuxian.png) no-repeat 50% 50%;}
.qdtj-kjlj-l{width: 50%;float: left; background: url(images/whatisstevia.png) no-repeat 50px 50%;background-size: 135px;}
.qdtj-kjlj-r{width: 50%;float: left;}
.qdtj-kjlj .qdtj-kjlj-l h2{padding-left: 45%;padding-top: 10%;padding-bottom: 32px; font: arial;font-size: 26px;line-height: 26px;font-family: helvetica;color:#333;}
.qdtj-kjlj .qdtj-kjlj-r h2{padding-left: 12%; padding-top: 10%;padding-bottom: 32px; font: arial;font-size: 26px;line-height: 26px;font-family: helvetica;color:#333;}
.qdtj-kjlj .qdtj-kjlj-l p{padding-left: 45%;padding-bottom: 60px; font-size: 14px; font: arial;line-height: 22px; width: 46%; font: arial;color:#333;}
.kjlj-box{overflow: hidden;margin-left: 54px;margin-top: 50px;}
.kjlj-box .kjlj-box1 img,.kjlj-box .kjlj-box2 img,.kjlj-box .kjlj-box3 img,.kjlj-box .kjlj-box4 img
{width: 70px;height: 70px;}
.kjlj-box1,.kjlj-box2,.kjlj-box3,.kjlj-box4{margin: 0px 3%;float: left;}
.qdtj-kjlj .qdtj-kjlj-r .kjlj-more span{font-size: 14px;margin-left: 92px; padding-top: 70px;display: block;}
.qdtj-kjlj .qdtj-kjlj-r .kjlj-more span a{margin-left: 10px;color:#1c581c;font-weight: lighter;}


















.qdtj-planting{width: 100%;height:auto;padding-bottom:3%; margin: auto;background: url(images/planting-background.png) no-repeat center;overflow: hidden;background-size: 100%;}
.qdtj-planting h2{font-size: 32px; padding-top: 2%; padding-bottom: 1%;line-height: 32px;color: #fff;font-family: helvetica;}
.qdtj-planting p{font-size: 16px; font: arial;line-height: 24px;padding-bottom: 3%;color: #fff;padding-right: 10px;margin:0;}
.qdtj-planting h2,.qdtj-planting p,.planting-box{margin-left: 50%;}
.planting-box{width: 100px;height: 30px;border: 1px solid #fff;}
.planting-box span{color: #fff; line-height: 30px;text-align: center; display: block;}
.planting-box span:hover{background: rgba(225,225,225,0.8);color: #000;cursor:pointer;}
.planting-box span a{color: #fff; line-height: 36px;text-align: center;}






















.qdtj-production{width: 100%;background: #eee;margin: auto;}
.qdtj-production h1{text-align: center;padding-top: 4%;padding-bottom: 4%;line-height: 36px;font-size: 36px;font-family: helvetica;color:#333; margin:0;}
.imggo{width: 80%;display: block;margin: auto;}
.qdtj-production .qdjt-production-a img{text-align: center;display: block;margin: auto;padding-bottom: 7%;}
.qdtj-production span{text-align: center; display: block;font-size: 14px;padding-bottom: 4%;font-family: helvetica;color:#1c581c;font-weight: lighter;}
.qdtj-production span a{margin-left: 10px;color:#1c581c;font-weight: lighter;}




















.qdtj-rand{width: 100%;background: url(images/rand.png) no-repeat 50% 0px;margin: auto;background-size: 100%;padding-bottom: 2.5%;}
.qdtj-rand h1{color: #fff; font-size: 36px;line-height: 36px;padding-top: 3%;margin:0 0 0 86px;padding-bottom: 2%;font-family: helvetica;}
.qdtj-rand p{width: 57%;font-size: 14px;color: #fff;line-height: 30px;padding-bottom: 2%;margin:0px 0px 0px 86px;font: arial;}
.qdtj-rand span{margin-left: 86px;color: #fff;display: block;width:116px;height:-1px;cursor:pointer;}
.qdtj-rand span a{color:#fff;}
























.service-box{height:210px;}
.qdtj-service{background: url(images/bjshuxian.png) no-repeat 50% 80%;overflow: hidden;width:100%;}
.qdtj-service .service-bigbox h1{font-size: 36px; padding: 36px 0px;text-align: center; background: #efefef;margin:0px; font: arial;color: #333;}
.qdtj-service .service-bigbox .service-box1 span{margin-left: 14%;font-size: 22px; font-weight: bold;line-height: 22px;padding-bottom: 10px;font: arial;color: #333;}
.qdtj-service .service-bigbox .service-box1 p{font-size: 14px;line-height: 40px; margin: 0px 0px 0px 14%;font: arial;color: #333;}
.qdtj-service .service-bigbox .service-box1 h3{margin-left: 14%;font-size: 24px;padding-top: 76px; line-height: 26px;padding-bottom: 44px;font: arial;color: #333;}
.qdtj-service .service-bigbox .service-box1 h3 a.news-title{font-size: 24px; font-weight: bold;padding-top: 76px; line-height: 26px;padding-bottom: 44px;font: arial;color: #333;}
.qdtj-service .service-bigbox .service-box2 p{width: 74%;font-size: 14px;line-height: 34px;margin:0 0 0 110px;font: arial;color: #333;}
.qdtj-service .service-bigbox .service-box2 h3{margin-left: 110px; font-size: 24px; font-weight: bold;padding-top: 76px; line-height: 26px;padding-bottom: 44px;font: arial;color: #333;}
.qdtj-service .service-bigbox .service-box2 h3 a.news-title{ font-size: 24px; font-weight: bold;padding-top: 76px; line-height: 26px;padding-bottom: 44px;font: arial;color: #333;}
.service-box1{width: 50%;height: auto;float: left;border-bottom: 10px solid #cedb00;}
.service-box2{width: 50%;height: auto;float: left;border-bottom: 10px solid #1c581c;}
.service-box1 img,.service-box2 img{width: 100%; height: auto;}
.service-bigbox{width: 100%; margin: auto;}
.more a{margin-left: 10px;color:#1c581c;font-weight: bold;}
.more{width: 130px;height: auto;overflow: hidden;padding-top:5%;padding-left:36%;cursor:pointer;padding-bottom:10%;}
.more h6{width: 80px;float: left; padding-top: 4px;padding-left: 10px;font-size: 14px;margin: 0;line-height: 18px;font-family: helvetica;color:#1c581c;font-weight: lighter;}
.more img{float: left;width:26px;hight:26px;}







.qdtj-sus{width: 100%;background: url(images/SUSTAINABILITY-background.png) no-repeat 50% 0px;padding-bottom: 35px;margin: auto;background-size: 100%;}
.qdtj-sus h2,.qdtj-sus p{margin:0 0 0 52%;font: arial;color: #333;}
.qdtj-sus h2{ padding-top:4%;}
.qdtj-sus h2 a{font-size: 36px;line-height: 40px;color: #fff;}
.qdtj-sus p{font-size: 14px;font: arial;line-height: 14px;padding-top: 2%;color: #fff;}













.qdtj-footer{width: 100%;margin: auto;padding-bottom: 40px;background: #333333;}
.qdtj-footer-nav{width: 70%;padding-top: 36px;list-style: none;margin-left: 150px;overflow: hidden;padding-bottom: 16px;}
.qdtj-footer-nav li{float: left;font: arial;color: #fff;font-size: 14px;}
.qdtj-footer-nav li a{color: #fff;font-size: 14px; font: arial;cursor:pointer;}
.qdtj-footer span{margin-left: 150px;color: #fff;font-size: 14px;font: arial;}