*:focus{ outline: none; }
*{ box-sizing: border-box;}
body,html,button,input,select,textarea,a,a:active,a:hover,a:link,a:visited{color:#505a64; font-size:12px;}
body,html{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","SimSun",sans-serif;}
button,input,select,textarea{outline:0}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;cursor:pointer;text-decoration:blink;outline:0;}

blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
legend{color:#000}
strong,b{font-weight:bold;}

.wrapper{ width:1100px; margin:0 auto; clear: both;}
.left{ float: left;}
.right{ float: right;}

.header{ height: 126px;}
.header,.header .top,.header .navigation{ width:100%;}
.header .top{ width:100%; height:38px; background-color: #46a501;}
.header .navigation{ width:100%; background-color: #fff; clear: both;}

.header .navigation,.header .navigation .left,.header .navigation .right{height:88px;}

.header .navigation .left{ float: left; width: 360px; background:url(images/logo.png?v=202004201900) left center no-repeat;}
.header .navigation .right{ float: right;}

.header .navigation .right > ul{ clear: both;}
.header .navigation .right > ul > li{ float: left; margin:0 0 0 24px;}
.header .navigation .right > ul,.header .navigation .right > ul > li{ height:88px; line-height:100px;}
.header .navigation .right > ul > li,
.header .navigation .right > ul > li > a,
.header .navigation .right > ul > li > a:active,
.header .navigation .right > ul > li > a:hover,
.header .navigation .right > ul > li > a:link,
.header .navigation .right > ul > li > a:visited{ color: #535353;}

.navigation-mobile{ display: none;}


.header .top .left{ float: left;}
.header .top .right{ float: right;}

.header .top .right > dl{ clear: both;}
.header .top .right > dl > dt,.header .top .right dl > dd{ float: left; height:38px; line-height:38px;}

.header .top .right > dl > dd{ background: url(images/top-separate.png) left center no-repeat; margin:0 0 0 15px; padding:0 0 0 15px;} 
.header .top .right > dl > dd,
.header .top .right > dl > dd > a,
.header .top .right > dl > dd > a:active,
.header .top .right > dl > dd > a:hover,
.header .top .right > dl > dd > a:link,
.header .top .right > dl > dd > a:visited
{ color: #fff;}

.header .top .right .search{ height:24px; clear: both; background-color: #a4d97d; border-radius:20px; margin:7px 0; padding:0 0 0 12px;}
.header .top .right .search .search-text,
.header .top .right .search .search-button,
.header .top .right .search input{ width:100%;height:24px;line-height:24px;border:none;background:none;margin:0;padding:0;font-size:12px;}
.header .top .right .search input,
.header .top .right .search input:focus{box-shadow:none;}
.header .top .right .search .search-text{ float: left; width: 150px;}
.header .top .right .search .search-button{ float:right;}
.header .top .right .search .search-button input{ background: url(images/top-search.png) center center no-repeat;}
.header .top .right .search .search-button,.header .top .right .search .search-button input{width: 26px; height: 24px; }

.header .top .right .search .search-text input{color:#40870f;}
.header .top .right .search .search-text input::-webkit-input-placeholder{color:#40870f;}/* WebKit, Blink, Edge */
.header .top .right .search .search-text input:-moz-placeholder{color:#40870f;}/* Mozilla Firefox 4 to 18 */
.header .top .right .search .search-text input::-moz-placeholder{color:#40870f;}/* Mozilla Firefox 19+ */
.header .top .right .search .search-text input:-ms-input-placeholder{color:#40870f;}/* Internet Explorer 10-11 */


.header .top{ position: relative;}
.header .top .language > a{ background: url(images/top-arrow.png) 98% center no-repeat; padding:0 20px 0 0;}
.header .top .language > ul{ 
  position: absolute; display:none; background: #fff; border:1px solid #46a501; border-top:none; margin:0 0 0 -15px; padding:10px 0; border-radius:0 0 2px 2px;
  box-shadow:0px 5px 10px rgba(0,0,0,.3);z-index:100;
}
.header .top .language > ul > li{ padding:0 50px 0 15px; line-height: 26px;}
.header .top .language:hover > ul { display: block;}

.header .navigation{ position: relative;}
.header .navigation .right{}
.header .navigation .right > ul > li{}
.header .navigation .right > ul > li > a{}

.header .navigation .right > ul > li > ul{
	position: absolute; display:none; background: #fff; border-top:none; margin:-12px 0 0 -30px; padding:10px 0; border-radius:0 0 2px 2px;
  	box-shadow:0px 10px 10px rgba(0,0,0,.3); z-index:99;
}
.header .navigation .right > ul > li > ul,.header .navigation .right > ul > li > ul > li{ line-height:22px;}
.header .navigation .right > ul > li > ul > li{ padding:0 30px;}

.header .navigation .right > ul > li:hover > ul{ display: block;}


.banner{background-color: #464647;}
.banner,.banner ul{ width:100%;height:400px; }
.banner ul{ overflow:hidden;clear:both;}
.banner ul li{ float:left;width:100%;height:400px;}

.banner ul li.a{background:#2b607f url(images/banner-01.png?v=20200426) center center no-repeat;}
.banner ul li.b{background:#616d7a url(images/banner-02.png?v=20200426) center center no-repeat;}
.banner ul li.c{background:#612f08 url(images/banner-03.png?v=20200426) center center no-repeat;}


.banner ul li.en-a{background:#2b607f url(images/banner-en-01.png?v=20200426) center center no-repeat;}
.banner ul li.en-b{background:#616d7a url(images/banner-en-02.png?v=20200426) center center no-repeat;}
.banner ul li.en-c{background:#612f08 url(images/banner-en-03.png?v=20200426) center center no-repeat;}
/*
.banner:before{ 
	content:"";
	width:100%;height:100%;
	position: absolute;
	left:0; top:0; right:0; bottom:0;
	background-color: rgba(0,0,0,.7); z-index: 10;

}
.banner dl{ color: #fff; width:1000px; height: 400px; margin:0 0 0 -500px; left:50%; position: relative;}
.banner dl > img{ position: absolute; z-index:9; margin:0 0 0 -500px;}
.banner dl dt{ position: absolute; z-index:11; top: 120px; left:700px; font-size: 22px; font-weight: bold;}
.banner dl dd{ position: absolute; z-index:11; top: 190px; left:700px; color: rgba(255,255,255,.8);}
.banner dl ul{ position: absolute; z-index:11; top: 120px; overflow: hidden; clear: both; padding:0 0 0 50px;}
.banner dl ul li{ float: left; margin:0 0 0 20px;}
*/

.container,.container .caption{ overflow: hidden; clear: both;}
.container .caption{ width: 100%; margin:10px 0 50px;}
.container .caption .left,.container .caption .right{ overflow: hidden;}
.container .caption .left{ float: left;}
.container .caption .right{ float: right;}

.container .caption .left b{ color: #737373; font-size: 12px; line-height:18px;}
.container .caption .left span{ font-size: 28px; font-weight: normal; letter-spacing:-0.07em;text-transform:capitalize; padding:0 10px 0 0; display: block; color: #46a500;}
.container .caption .left span::after{ 
	content:"";
	display: block;
	width: 20px; height: 10px;
	border-bottom:3px solid #46a500;

}

.container .caption .right ul{overflow: hidden; clear: both; padding:20px 0 0;}
.container .caption .right ul li{ float: left; padding:0 0 0 15px;}

.container .caption .right ol{overflow: hidden; clear: both; margin:20px 0 0; background-color: #393939;}
.container .caption .right ol li{ float: left; padding:8px 30px;}
.container .caption .right ol li.hover{background-color:#46a500;}
.container .caption .right ol li,
.container .caption .right ol li a,
.container .caption .right ol li a:active,
.container .caption .right ol li a:hover,
.container .caption .right ol li a:link,
.container .caption .right ol li a:visited{ color: #fff;}

.container.about{ padding:48px 0;}

.container.about .content img{ float: left; margin:0 60px 0 0;}
.container.about .content dl dd{ line-height: 22px; color: #838383;text-indent:2em;text-align: justify;}
.container.about .content dl dt{ padding:30px 0;}
.container.about .content dl dt a{ padding:7px 25px; background: #46a500; border-radius:2px;}
.container.about .content dl dt a,.container.about .content dl dt a:active,.container.about .content dl dt a:hover,.container.about .content dl dt a:link,.container.about .content dl dt a:visited{ color: #fff;}

.container.product{ background-color: #434343; padding:48px 0;}
.container.product .caption .left b{ color: #ffffff;}
.container.product .caption .left span{color: #5bd204;}
.container.product .caption .left span::after{border-bottom-color: #5bd204;}

.container.product .caption .right ul li,
.container.product .caption .right ul li a,
.container.product .caption .right ul li a:active,
.container.product .caption .right ul li a:hover,
.container.product .caption .right ul li a:link,
.container.product .caption .right ul li a:visited
{color: #c3c3c3;}

.container.product .content .roll-left,.container.product .content .roll-right{ width:30px; height:171px;}
.container.product .content .roll-left{ float: left; background: url(images/arrow-left-white.png) center center no-repeat;}
.container.product .content .roll-right{ float: right; background: url(images/arrow-right-white.png) center center no-repeat;}
.container.product .content .roll-center{ width: 940px; margin:0 auto; height:171px; overflow: hidden;}

.container.product .content .roll-center ul{ position: relative; overflow: hidden; clear: both; width:2000px;}
.container.product .content .roll-center ul li { float: left;}
.container.product .content .roll-center ul li img{ border: 10px solid #fff; margin:0 8px;}




.container.application{margin:30px 0 ;padding:48px 0 60px; height:510px; background: url(images/application-background.png) left bottom repeat-x;}

.container.application .caption{ margin:10px 0 30px 320px; width: auto;}
.container.application .content{ margin:0 0 0 320px; position: relative;}
.container.application,.container.application .wrapper{ overflow:visible;}

.container.application .content .description{ line-height: 20px;text-indent:2em;text-align: justify; margin:0 0 69px;}
.container.application .content .roll{ overflow: hidden; clear: both; position:absolute;top:130px;}
.container.application .content .roll .roll-left,.container.application .content .roll .roll-right{ width: 30px; height: 30px; cursor: pointer; float: left;}
.container.application .content .roll .roll-left{ background: #3d9100 url(images/application-arrow-left.png) center center no-repeat;}
.container.application .content .roll .roll-right{ background: #4c4c4c url(images/application-arrow-right.png) center center no-repeat;}


.container.application .content .lists{ position: absolute;top: 180px;bottom: 0;}
.container.application .content .lists dl{ display: none;}
.container.application .content .lists dl.show{ display:block;}
.container.application .content .lists dl img{ position: absolute;top:-300px;left:-320px; border-radius:5px;}
.container.application .content .lists dl dt{ height:56px; line-height:56px; color: #fff; font-weight: bold;}
.container.application .content .lists dl dd{ text-indent:2em;text-align: justify;line-height: 20px; color: #b7f988;}
.container.application .content .lists p{ padding:30px 0 0;}
.container.application .content .lists p a{ padding:7px 25px; background: #fff; border-radius:2px; color: #3d9100;}


.container.qualifications{padding:48px 0 60px;}
.container.qualifications .content .roll-left,.container.qualifications .content .roll-right{ width:30px; height:214px;}
.container.qualifications .content .roll-left{ float: left; background: url(images/arrow-left-black.png) center center no-repeat;}
.container.qualifications .content .roll-right{ float: right; background: url(images/arrow-right-black.png) center center no-repeat;}
.container.qualifications .content .roll-center{ width: 1000px; height:214px; margin: 0 auto; overflow: hidden;}

.container.qualifications .content .roll-center ul{ position: relative; clear: both; width:100%;}
.container.qualifications .content .roll-center ul li { float: left;}
.container.qualifications .content .roll-center ul li img{ width: 152px; border:7px solid #454545; margin:0 6px;}






.container.news{ background-color: #1e1e1e; padding:55px 0;}
.container.news .caption .left b{ color: #b0b0b0;}

.container.news .content .left{ width: 452px;}
.container.news .content .right{ width: 580px;}

.container.news .content dl dt{ color: #fff; font-weight: bold; line-height:40px;}
.container.news .content dl dd{ color: #6b6b6b; line-height: 20px;}
.container.news .content dl p{ color: #797979; line-height: 46px;}
.container.news .content .left img{ margin:0 0 15px;}

.container.news .content .right dl{ border-top: 1px solid #282828; margin:5px 0 0; padding:10px 0 0;}
.container.news .content .right dl:first-child{ border-top:none; margin:-10px 0 0; padding:0;}



.footer{overflow: hidden; clear: both; border-top:1px solid #282828; }
.footer .content{ background-color: #1d1e1d;}
.footer .content,.footer .content .wrapper{overflow: hidden; clear: both;}
.footer .content .wrapper{ padding: 60px 0 50px;}
.footer .content .left dl{ float: left; border-left:1px solid #252525; padding:0 70px 0 30px;}
.footer .content .left dl:first-child{ border: none; padding:0 60px 0 0;}
.footer .content .left dl dd{ line-height: 22px;}

.footer .content .right dl{ width:384px; padding:0 0 0 126px;}
.footer .content .right dl{ background: url(images/wechat.png) left top no-repeat;}
.footer .content .right dl dt{ line-height: 34px; font-weight: bold; color: #fff;}
.footer .content .right dl dd{ line-height: 18px;}

.footer .content,
.footer .content a,
.footer .content a:active,
.footer .content a:hover,
.footer .content a:link,
.footer .content a:visited
{ color:#a0a0a0;}

.footer .bottom{ background-color: #3d9100;}
.footer .bottom,.footer .bottom .wrapper{overflow: hidden; clear: both;height:40px; line-height: 40px;}
.footer .bottom,
.footer .bottom a,
.footer .bottom a:active,
.footer .bottom a:hover,
.footer .bottom a:link,
.footer .bottom a:visited
{ color: #fff;}

.footer .foot-pc-contact{ display:block;}
.footer .foot-mobile-contact{ display:none;}




.page-wrapper{ overflow: hidden; clear: both; width: 100%; height: 100%; background-color: #f5f5f5; border-top:1px solid #e5e5e5;}

.page-product{ width: 1100px; margin: 0 auto; padding:20px 0; overflow: hidden; clear: both;}
.page-product .page-product-filter{ background-color:#fff; padding:15px 20px; margin:0 0 15px; border-radius:3px;}
.page-product .page-product-filter dl{ overflow: hidden; clear: both; padding:5px 0;}
.page-product .page-product-filter dl dt,.page-product .page-product-filter dl dd{ float: left; padding:5px 15px;}
.page-product .page-product-filter dl dt{ text-align: center;}
.page-product .page-product-filter dl dd{ cursor: pointer;}
.page-product .page-product-filter dl dd.hover{ background:#3d9100; color:#fff;border-radius:2px;}
.page-product .page-product-filter dl dd.hover a,.page-product .page-product-filter dl dd.hover a:active,.page-product .page-product-filter dl dd.hover a:hover,.page-product .page-product-filter dl dd.hover a:link,.page-product .page-product-filter dl dd.hover a:visited{color:#fff;}


.page-product .page-product-lists{ overflow: hidden; clear: both;}
.page-product .page-product-lists dl{ float: left;width: 540px; background-color: #fff; padding: 15px 30px 15px 15px; border-radius:3px;}
.page-product .page-product-lists dl img{ float: left; margin:0 30px 0 0; border-radius:5px;}
.page-product .page-product-lists dl dt{ font-weight: bold; line-height:42px;}
.page-product .page-product-lists dl dd{ color: #898989; line-height: 18px;text-indent:2em;text-align: justify;}


.page-product .page-product-lists dl:nth-child(odd){margin:5px 10px 5px 0; }
.page-product .page-product-lists dl:nth-child(even){margin:5px 0; }




.page-content{ width: 1100px; margin: 0 auto; padding:20px 0; overflow: hidden; clear: both;}

.page-content .page-content-menu{ width: 170px; float: left;}

.page-content .page-content-menu + .page-content-lists{width: 910px; float: right;}

.page-content .page-content-menu,.page-content .page-content-lists{overflow: hidden; border-radius:3px;background-color:#fff; }
.page-content .page-content-menu dl{ padding:15px;}
.page-content .page-content-menu dl dt{ display: block;border-radius:5px;background-color:#46a501; color: #fff; padding:10px 15px; margin:0 0 10px; font-weight: bold; }
.page-content .page-content-menu dl dd{ border-bottom: 1px solid #ebebeb; line-height: 28px; padding:0 15px;}
.page-content .page-content-menu dl dd:last-child{border-bottom:none;}
.page-content .page-content-lists .page-content-position{ text-align: right; padding:0 0 15px 15px;border-bottom: 1px solid #ebebeb; }
.page-content .page-content-lists .page-content-position,
.page-content .page-content-lists .page-content-position a,
.page-content .page-content-lists .page-content-position a:active,
.page-content .page-content-lists .page-content-position a:hover,
.page-content .page-content-lists .page-content-position a:link,
.page-content .page-content-lists .page-content-position a:visited
{ color:#989898;}
.page-content .page-content-lists{ padding:15px 20px;}

.page-content .page-content-lists .caption{padding:15px 0 15px 0;border-bottom: 1px solid #f2f2f2; margin:0 0 15px; }
.page-content .page-content-lists .caption b{ border-left:5px solid #46a501; padding:0 0 0 15px;}
.page-content .page-content-lists .lists{ padding:0 0 0 20px;}
.page-content .page-content-lists .lists dl{ margin:0 0 10px 0; padding:0 0 15px 0;border-bottom: 1px solid #f2f2f2; }
.page-content .page-content-lists .lists dl dt{ clear: both; line-height: 26px;}
.page-content .page-content-lists .lists dl dt span{ float: right;color:#989898;}
.page-content .page-content-lists .lists dl dd{ color: #7b7b7b;}
.page-content .page-content-lists .lists dl:last-child{border-bottom:none;}


.page-content .page-content-lists .images{ padding:0 0 0 20px; overflow: hidden; clear: both;}
.page-content .page-content-lists .images dl{ float: left; margin:0 25px 5px 0;}
.page-content .page-content-lists .images dl img{border:7px solid #454545;}
.page-content .page-content-lists .images dl dt{ line-height: 30px; background-color: #ececec; border-radius: 3px; margin:2px 0 10px; padding:0 15px; text-align: center;}

.page-content .page-content-lists .title{ line-height: 60px; font-size: 22px; font-weight: bold; text-align: center;border-bottom: 1px solid #f2f2f2; margin:0 0 20px;}
.page-content .page-content-lists .content{ line-height: 24px; padding:0 0 30px;}
.page-content .page-content-lists .info{ line-height: 50px;border-top: 1px solid #f2f2f2; margin:0 0 20px; text-align: right; color: #989898;}


.page-content .page-content-lists .product-description{overflow: hidden; clear: both;}
.page-content .page-content-lists .product-description img{ float: left; margin:0 40px 0 0; border-radius:8px;}
.page-content .page-content-lists .product-description  dl dt{ font-size: 18px; font-weight: bold; line-height: 60px;}
.page-content .page-content-lists .product-description  dl dd{ line-height: 22px;}
.page-content .page-content-lists .product-description  dl dd.advisory{ padding:15px 0;}
.page-content .page-content-lists .product-description  dl dd a{ border-radius: 3px; padding: 10px 30px; background-color: #f76616; color: #fff;}
.page-content .page-content-lists .product-caption{ border-bottom:2px solid #3d9100; overflow: hidden; clear: both; margin:15px 0;}
.page-content .page-content-lists .product-caption b{ display: block; float: left; padding:10px 20px; border-radius:5px 5px 0 0; background-color: #3d9100; color: #fff;}
.page-content .page-content-lists .product-content{ padding:20px 0 ;}
.page-content .page-content-lists .product-content table{ width:100%  !important;}
.page-content .page-content-lists .product-content table tr td{ word-wrap:break-word; word-break:break-all;}
.page-content .page-content-lists .product-accessories{ padding:20px 0 ;}
.page-content .page-content-lists .product-accessories ul{ padding:0 20px;}
.page-content .page-content-lists .product-accessories ul li{ line-height:28px; padding: 0 0 0 30px; background-size:20px; background-repeat: no-repeat; background-position: left center;}

#pager{ width:100%; height:45px; line-height:45px; text-align:center; margin:10px 0; overflow:hidden; clear:both; margin:20px 0 5px;border-top:1px solid #eeeeee;}
#pager a{ border:1px solid #b9b9b9; background:#fff;}
#pager span,#pager a{display:inline; _zoom:1;_height:22px; _line-height:22px;padding:5px 10px;margin:0 2px 0 0;}
#pager span.current { border:1px solid #3d9100; background:#3d9100; color:#fff;}
#pager span.disabled { border:1px solid #b9b9b9; }
#pager span{ background:#3d9100;border:1px solid #3d9100; color:#fff;}

.search-Mobile-button{ display:none;}




.login{ width:360px; overflow:hidden;  margin:50px auto;}
.login-containe{ background:#fff; border:1px solid #e0e5ec;}
.login-containe .caption{ font-size:18px; font-weight:bold; padding:30px 40px 20px 40px; }
.login-containe .step{ border:1px solid #0088df; background:#dff3ff; color:#0088df; margin:5px 40px 15px; padding:10px 20px; clear:both; overflow:hidden; border-radius:3px;}
.login-containe .form-input{}
.login-containe .form-input dl{ clear:both; margin:0 0 10px; padding:0 40px; overflow:hidden; }
.login-containe .form-input dl dt{ clear:both; height:30px; line-height:30px; font-weight:bold;}
.login-containe .form-input dl dt a
.login-containe .form-input dl dt a:active,
.login-containe .form-input dl dt a:hover,
.login-containe .form-input dl dt a:link,
.login-containe .form-input dl dt a:visited{ float:right; color:#467fcf; font-weight:normal; }
.login-containe .form-input dl dd{ }
.login-containe .form-input dl dd input[type=text],.login-containe .form-input dl dd input[type=password],.login-containe .form-input dl dd select{ float:left; width:100%; border:1px solid #e0e5ec; height:38px; line-height:38px; padding:0 15px; border-radius:5px;}
.login-containe .form-input dl dd input[type=button],.login-containe .form-input dl dd .button{ float:left; height:38px; line-height:38px; background:#fafafa; border:1px solid #e3e3e3; padding:0 15px; border-radius:5px;}

.login-containe .form-input dl dd .correct-message{ border:1px solid #3e9b00; color:#3e9b00; background:#e2ffce; padding:10px; border-radius:3px;}
.login-containe .form-input dl dd .prompt-message{ border:1px solid #ff9102;  color:#ff7200; background:#ffedd5; padding:10px; line-height: 22px;  border-radius:3px;}
.login-containe .form-input dl dd .prompt-message a
.login-containe .form-input dl dd .prompt-message a:active,
.login-containe .form-input dl dd .prompt-message a:hover,
.login-containe .form-input dl dd .prompt-message a:link,
.login-containe .form-input dl dd .prompt-message a:visited{ font-weight: bold; color: #ff5400; }


.login-containe .form-submit{ padding:10px 40px 40px;}
.login-containe .form-submit input,.login-containe .form-input dl dd input[type=submit]{height:38px; line-height:38px; background:#467fcf; width:100%; border:none; color:#fff;  border-radius:5px;}
.login-containe .form-input dl dd img{ float:left; margin:10px 0 0 15px; }
.login-containe .form-input dl dd .onShow,.login-containe .form-input dl dd .onError,.login-containe .form-input dl dd .onFocus,.login-containe .form-input dl dd .onCorrect{ line-height:25px; display:block; clear:both;}
.login-containe .form-input dl dd .onShow{ color:#adadad; }
.login-containe .form-input dl dd .onError{ color:#f05511; }
.login-containe .form-input dl dd .onFocus{ color:#f05511; }
.login-containe .form-input dl dd .onCorrect{ color:#408f00; }

.login-containe .form-lists { margin:0 0 50px; }
.login-containe .form-lists dl{ border:1px solid #d8d8d8; background:#f9f9f9; margin:15px 40px; padding:10px 20px; clear:both; overflow:hidden; cursor:pointer; }
.login-containe .form-lists dl dt,.login-containe .form-lists dl dd{line-height:32px; }
.login-containe .form-lists dl dt{ float:left; }
.login-containe .form-lists dl dd{ float:right;}
.login-containe .form-lists .iconfont{ font-size:31px; float:left; margin:0 20px 0 0;}
.login-footer{ margin:20px 0; text-align:center; }
.login-footer a
.login-footer a:active,
.login-footer a:hover,
.login-footer a:link,
.login-footer a:visited{color:#467fcf; font-weight:normal; }

.user-page{ width:800px; margin:50px auto; padding:15px; background:#fff; border:1px solid #e0e5ec; border-radius:3px;}
.user-page-navigation,.user-page-navigation ul{ overflow: hidden; clear: both;}
.user-page-navigation ul li{ float: left; padding: 5px 15px; background-color: #393939;}
.user-page-navigation ul li.hover{ background-color: #46a500;}
.user-page-navigation ul li:first-child{ border-radius:3px 0 0 3px;}
.user-page-navigation ul li:last-child{ border-radius:0 3px 3px 0;}
.user-page-navigation ul li,.user-page-navigation ul li a,.user-page-navigation ul li a:active,.user-page-navigation ul li a:hover,.user-page-navigation ul li a:link,.user-page-navigation ul li a:visited{ color: #fff;}

.user-page-caption { font-size: 12px; font-weight: bold; padding:10px 15px; margin:0 0 5px; border-bottom:1px solid #e0e0e0;}

.user-page-info dl{ padding:10px 15px;}
.user-page-info dl dt{ font-size: 12px; font-weight: bold;}
.user-page-info dl p{ margin: 10px 0; padding:5px 15px; border: 1px solid #3d9100; background:#eaffdb; color: #3d9100; border-radius: 3px;}

.user-page-info dl dd{  line-height: 22px;}
.user-page-info a.button{ background-color: #ff2828; border-radius: 3px; display: inline-block; padding:8px 20px; margin:0 15px; }

.user-page-info a.button,.user-page-info a.button:active,.user-page-info a.button:hover,.user-page-info a.button:link,.user-page-info a.button:visited{ color: #fff;}

.user-operate-info dl{ padding:5px 15px; clear: both; overflow: hidden;}
.user-operate-info dl dt,.user-operate-info dl dd{ float: left;}
.user-operate-info dl dt{ width: 70px;}
.user-operate-info dl dt,.user-operate-info dl dd,.user-operate-info dl dt,.user-operate-info dl dd input,.user-operate-info dl dd select{ height:28px; line-height: 28px;}
.user-operate-info dl dd input,.user-operate-info dl dd select,.user-operate-info dl dd textarea{ border-radius:2px; border:1px solid #a0a0a0; padding:0 5px;}
.user-operate-info dl dd textarea{ padding:5px;}
.user-operate-info dl dd div{ display: inline-block; padding:0 20px;}
.user-operate-info .button{  border:none; background-color: #2897ff; color: #fff; border-radius: 3px; display: inline-block; padding:8px 20px; margin:10px 15px 0 85px; }

@media screen and (max-width:720px){
	body,html,button,input,select,textarea,a,a:active,a:hover,a:link,a:visited{font-size:14px;}
	.wrapper{
		width:100%;
	}
	.header .top .right{ padding-right: 20px;}
	.header .top .right > dl > dd:first-child{ background: none;}
	.header .top .language:active > ul { display: block;}
	.header .top .welcome{ display: none;}
	.header .top .right > dl > dd{ margin:0 0 0 10px; padding:0 0 0 10px;}

	.header .navigation .left{ background-position:15px center;}
	.header .navigation .right{ display: none;}
	.header .navigation .right > ul > li:active > ul{ display: block;}

	.navigation-mobile{ display: block;background-color: #f5f5f5;padding:10px;}
	.navigation-mobile ul{ background-color: #fff; border-radius: 5px; padding:20px; }
	.navigation-mobile ul li{ padding:8px 10px;border-radius: 3px;}
	.navigation-mobile ul li.hover{background-color:#46a501; color: #fff; }

	.navigation-mobile ul li.hover a,.navigation-mobile ul li.hover a:active,.navigation-mobile ul li.hover a:hover,.navigation-mobile ul li.hover a:link,.navigation-mobile ul li.hover a:visited{ color: #fff;}

	.banner{ display: none;}
	.banner,.banner ul,.banner ul li{ height:260px; }
	
/*
	.banner ul li.a{background:#2b607f url(images/banner-mini-01.png) center center no-repeat;}
	.banner ul li.b{background:#616d7a url(images/banner-mini-02.png) center center no-repeat;}
	.banner ul li.c{background:#612f08 url(images/banner-mini-03.png) center center no-repeat;}
*/

	.search{ display: none;}
	.search-mobile-button{ display: block;background:#a4d97d url(images/top-search.png) center center no-repeat; width: 30px; height: 30px; border-radius:50px; margin:4px 0 0 10px;}

	.footer .content .wrapper{ padding: 30px 0 20px; }
	.footer .content .left dl{ display: none;}
	.footer .content .right{ float: left; margin-left:20px;}

	.footer .bottom .left{ padding-left:20px;}
	.footer .bottom .right{ display:none;}

	.footer .foot-pc-contact{ display:none;}
	.footer .foot-mobile-contact{ display:block;}

	.container .caption{ padding:0 20px;}
	.container .caption .left{ margin-bottom:10px;}
	.container .caption .left b{ font-size: 18px;}
	.container .caption .right ul li{ display: none;}
	.container .caption .right ul li.more{ display: block;}

	.container.about{ padding:30px 0; }
	.container.about .content img,.container.about .content dl{ clear: both;}
	.container.about .content img{ width: 100%; margin: -30px auto 0 auto;}
	.container.about .content dl{ padding:30px 20px 10px 20px;}

	.container.product{padding:30px 0 40px;}
	.container.product .content .roll-left, .container.product .content .roll-right{height: 143px;}
	.container.product .content .roll-center { width:314px ;height: 143px;margin:0 auto;}
	.container.product .content .roll-center ul li img{width:140px ; height: 140px;}

	.container.application{ padding:10px 0 40px;}
	.container.application .caption{ margin-left:0;}
	.container.application .content{ margin: 0;}
	.container.application .content .description{margin: 0 0 14px 0;padding: 0 20px;}
	.container.application .content .roll{ margin:0 15px;top: 157px;}
	.container.application .content .lists{ margin:0 15px;top: 200px;}
	.container.application .content .lists dl dd{display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp:5;
		overflow: hidden;}

	.container.news{ padding:30px 0 20px;}
	.container.news .content .left{ display: none;}
	.container.news .content .right{ float: left; width: 100%;}
	.container.news .content .right dl:first-child,.container.news .content .right dl{ margin-left:20px; margin-right:20px;}
	.container.news .content dl dt{ line-height:18px; margin-bottom:10px;}

	.container.qualifications .content .roll-left, .container.qualifications .content .roll-right{height: 208px;}
	.container.qualifications .content .roll-center{ width:314px ; height: 208px; margin:0 auto;}
	.container.qualifications .content .roll-center ul li img{ width: 145px;}


	.page-product,
	.page-content{ width: 100%; padding:0 0 20px;}

	.page-content .page-content-menu{ float: none; width: auto;margin: 0 0 15px; display: none;}
	.page-wrapper{ border:none;}
	.page-content .page-content-menu + .page-content-lists{float: none; width: auto;}
	.page-content .page-content-lists .product-description img{ 
		width:100%; height: auto;
		float: none;
    	margin: 0 0 0 0;
	}
	.page-content .page-content-lists .content img{
		width:100%; height: auto;
		float: none !important;
	}
	.page-content .page-content-lists .images dl{ width: 185px; margin:15px auto;}
	.page-content .page-content-lists .title{ font-size: 16px;}

	.page-content .page-content-lists .product-content img{ width:100%;}

	.page-product .page-product-lists dl{ width:100%;margin: 5px 0;}
	.page-product .page-product-lists dl dt{ font-size: 14px; line-height:20px; padding:10px 0;overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;}
	.page-product .page-product-lists dl dd{ font-size: 12px;display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp:5;
		overflow: hidden;}



	.login{ width: 100% !important; border: none; margin:0 auto;}
	.login-containe{ border-left:none; border-right:none;}

	.user-page{width: 100% !important;  margin:0 auto 15px auto;}
	.user-page-navigation ul li{ width:25%; padding:5px; text-align: center;}

	.user-operate-info dl dt, .user-operate-info dl dd{ float: none;}
	.user-operate-info dl dd input, .user-operate-info dl dd select, .user-operate-info dl dd textarea{ width: 100%;}
	.user-operate-info .button{margin: 10px 15px 0 15px !important;}

	.user-operate-info dl dd div{ display: block; color: #c3c3c3; padding:0;}
	.user-operate-info dl{padding: 5px 15px 30px 15px;}

	.product-operate-info .remark{ height:170px !important;}

}
@media screen and (max-width:500px){
	.container.news .caption .right{ float: left;}
}