﻿body {
}

.isflex{display:flex;align-items:center;justify-content:space-around;}

.flexsliderdiv{ position:absolute;left:0;top:0;margin:0!important;}

.indextop{transition: all 0.5s;height:80px; color:#fff;position:fixed;top:0;left:0;z-index:1000;}
.imenu{width:70%;text-align:center;font-size:18px;}
.imenu a{color:#fff;margin:0 2%;}
.ilogo{filter:brightness(3);margin-left:30px;}

.indextop.x2{background:#fff;height:80px;border-bottom:2px solid #f2f2f2}
.indextop.x2 a{color:#000;}
.indextop.x2 .ilogo{filter:brightness(1);}
.icen{padding:60px 0;}
.icen img{width:100%;}
.icen h1{margin-bottom:30px;font-size:28px;}
.icen ._l{flex:1;padding-right:30px;line-height:180%;text-align:justify;}
.icen ._l a{display:block;margin-top:20px;border:1px solid #0093dd;width:200px;background:#0093dd;color:#fff;text-align:center;border-radius:60px;line-height:38px;}
.icen ._l a:hover{color:#0093dd;background:#fff;}
.icen ._r{width:40%;flex-shrink:0;}

.fulldiv{width:100%;}
.buhuanhang{white-space:nowrap!important;}

.col-md-12{padding:0!important;}

.yqreg{padding:0 40px;}
.yqreg h3{margin:20px 0;}
.yqreg a{display:inline-block;border:1px solid #ddd;padding:8px 20px;border-radius:4px;background:#f2f2f2;}
.yqreg a:hover{background:#0093dd;color:#fff!important;border:1px solid #0093dd;}

.hover-icon:hover{background:#f2f2f2;}
.container.x2{margin-top:-16px;}
.pagenav{padding:10px 0;margin-top:-16px;background:#f2f2f2;}
.pagenav a{margin:0 10px;}
.pagenav a:first-child{margin-left:0;}

.about-area {margin-top:40px;}
.about-area h2{font-size:24px;}
.about-area p{margin-bottom:60px;}

.prodpiclist{margin-top:20px;padding:0!important;}
.prodpiclist .row{margin-left:0;margin-right:0;}
.prodpiclist .p-3{border:1px solid #f2f2f2;width:24%;margin: 0 0.5%;padding-top:20px;padding-bottom:20px;margin-bottom:20px;}
.prodpiclist .p-3 h4{font-size:12px;}
.prodpiclist .p-3 img{margin:10px 0;transition: transform .2s;width:150px;height:150px;}
.prodpiclist .p-3 img:hover{width:170px;height:170px;margin:0;}

.prodpage{margin-top:20px;}
.prodpage h1{font-size:26px;margin-bottom:15px;color:#000;}
.prodpage h2{font-size:16px;font-weight:normal;text-transform:unset;}
.prodpage .section-title span{float:right;color:#777;}

.infopage .section-title{padding:0 15px;}
.infopage .section-title h2{font-size:18px;}
.infopage .azmenu{padding:0 15px;line-height:200%;}
.infopage .col-lg-7,.infopage .col-lg-5{padding:0;margin-bottom:40px;}
.infopage .col-lg-7 p,.infopage .col-lg-5 p{margin-bottom:10px!important;}
.infopage td{padding:10px!important;}

.tb_prodlist {width:100%;}
.tb_prodlist tr:nth-child(2n+1){background:#f5f5f5;}
.tb_prodlist .tbhead{background:#e4e4e4!important;}
.tb_prodlist th{padding:15px 15px;white-space:nowrap;}
.tb_prodlist td{padding:10px 15px;font-size:14px;}
.tb_prodlist td b{font-weight:bold;font-size:16px;}
.prodpage .xd img{height:26px;margin-top:-3px;cursor:pointer;}
.prodpage .xd input{text-align:center;line-height:24px;width:80px;border:1px solid #ddd;border-left:none;border-right:none;}
.prodpage .xd a{display:block;text-align:center;background:#0093dd;color:#fff;width:132px;padding:3px 0;border-radius:4px;margin-top:10px;}
.prodpage .xd a:hover{color:#fff!important;background:#000;}
.tb_prodlist tr td:first-child{padding:10px;width:120px;}
.tb_prodlist tr td:last-child{padding:10px;}

.tb_xgprods{margin-bottom:60px;width:98.5%;margin-left:1.5%;}
.tb_xgprods tr{border-bottom:1px solid #f2f2f2;}
.tb_xgprods td{padding:10px 15px;font-size:14px;}
.tb_xgprods img{width:36px;height:36px;min-width:36px;}
.tb_xgprods a.a{color:#0093dd!important;}
.tb_xgprods a.a:hover{color:#0093dd!important;}
.tb_xgprods a._btn{display:block;text-align:center;background:#0093dd;color:#fff;width:60px;padding:3px 0;border-radius:4px;margin-top:10px;}
.tb_xgprods a._btn:hover{color:#fff!important;background:#0093dd;}

.tb_param{margin-bottom:60px;width:100%;background:#f5f5f5;}
.tb_param tr:nth-child(2n){background:#fff;}
.tb_param td:first-child{white-space:nowrap;padding:12px 100px 10px 20px;}
.tb_param  label{display:inline-block;font-weight:normal;width:570px;margin-bottom:0;}
.tb_param  img{height:16px;margin-right:5px;margin-top:-3px;}
.tb_param  a{color:#0093dd;}
.tb_param  a:hover{color:#0093dd!important;}

.mainclass{margin-top:40px;}
.mainclass.x2{margin-top:20px;}
.mainclass .l{float:left;width:380px;padding:0;}
.mainclass .l.fixed{position:fixed;top:20px;}

.mainclass .l h1{cursor:pointer;font-size:16px;padding:15px 20px;margin:0;color:#474747;}
.mainclass .l h1:hover, .mainclass .l h1.on {color:#fff!important;background:#0093dd;}
.mainclass .l h1:hover a, .mainclass .l h1.on a{color:#fff!important;}
.mainclass .l h1:hover a:hover, .mainclass .l h1.on a:hover{color:#fff!important;}
.mainclass .l a:hover{color:#fff!important;}
.mainclass .l a{margin-right:10px;}
.mainclass .r{float:right;width:760px;background:#f5f5f5;padding:20px;}
.mainclass .r h1{font-size:24px;}
.mainclass .r a{margin-right:10px;}
.mainclass .r ul{margin-bottom:30px;}
.mainclass .r div{padding:20px;}
.mainclass .r div h4{margin:20px 0;}
.mainclass .r div h4:first-child{margin-top:0;}

.azmenu { margin-bottom:30px;}
.azmenu a{ display:block;padding:10px 0;font-size:18px;background:#f5f5f5;margin:20px 0;float:left;width:4.1%;text-align:center;}
.azmenu a:hover{ background:#0093dd;color:#fff!important;}
.section-title.az h2{font-size:28px;}
.manuul{margin-bottom:40px;}
.manuul a{float:left;display:block;width:25%;text-align:left;padding:5px 0;}

.pcul{margin-top:20px;}
.pcul li {padding-left:20px;line-height:250%;}
.pcul li a{font-size:16px;}
.pcul li a:hover{text-decoration:underline;}

.pdtop{border:1px solid #eee;height:auto;overflow:hidden;padding:20px 20px 5px 20px;}
.pdtop .l{float:left;width:220px;text-align:center;color:#999;padding-bottom:20px;}
.pdtop .r{float:right;width:800px;}
.pdtop .l img{border:1px solid #f5f5f5;padding:10px;margin-bottom:10px;border-radius:8px;}

.pdtop h1{font-size:14px;line-height:170%;color:#474747;height:auto;overflow:hidden;}
.pdtop h1 span{display:inline-block;width:220px;white-space:nowrap;color:#777;float:left;}
.pdtop h1 label{display:inline-block;font-weight:normal;width:570px;margin-bottom:0;}
.pdtop h1 img{height:16px;margin-right:5px;margin-top:-3px;}
.pdtop h1 a{color:#0093dd;}
.pdtop h1 a:hover{color:#0093dd!important;}

.pdinfo{border:1px solid #eee;height:auto;overflow:hidden;padding:10px 20px;margin-top:20px;}
.pdinfo.x2{background:#f5f5f5;padding:20px;}
.pdinfo.x3{padding-top:20px;padding-bottom:0;}
.pdinfo img{height:64px;float:left;margin-right:25px;}
.pdinfo h1{color:#474747;font-size:20px;float:left;line-height:170%; margin-bottom:0;}
.pdinfo h1 span{color:#0093dd;font-size:16px;display:block;}
.pdinfo .xd{float:right;padding-top:8px;}
.pdinfo .xd img{float:unset;margin-right:0;height:32px;}
.pdinfo .xd input{height:32px;width:120px;}
.pdinfo .xd span{margin-right:20px;}
.pdinfo .xd a{display:inline-block;margin-left:20px;padding:6px 0;width:160px;}
.pdinfo .xd a.x2{background:#0093dd}
.pdinfo .xd a.x2:hover{background:#0182c3;}

.pdinfo.x2 ul{padding-left:20px;}
.pdinfo.x2 li{list-style:circle;line-height:160%;margin-bottom:5px;}
.pdinfo.x3 li{height:50px;}
.pdinfo.x3 li span{color:#474747;display:inline-block;width:200px;}

.pdinfo .ptag{color:#474747;width:33%;display:inline-block;margin-bottom:10px;}

.pdinfo .ptag.x2{color:#777;}
.pdinfo .ptag.x2:hover{color:#777!important;}

.xico{background-image:url(../images/trdlogo.gif);background-repeat:no-repeat;display:inline-block; margin-right:8px;margin-bottom:-6px;}
.xico-fb{width:24px;height:24px;background-position:-4px -4px}
.xico-gp{width:24px;height:24px;background-position:-36px -4px}
.xico-icas{width:40px;height:40px;background-position:-68px -4px}
.xico-iso9001{width:40px;height:40px;background-position:-116px -4px}
.xico-li{width:24px;height:24px;background-position:-164px -4px}
.xico-p2{width:85px;height:24px;background-position:-4px -52px}
.xico-p3{width:85px;height:24px;background-position:-97px -52px}
.xico-p4{width:85px;height:24px;background-position:-4px -84px}
.xico-p5{width:73px;height:24px;background-position:-97px -84px}
.xico-p6{width:74px;height:24px;background-position:-4px -116px}
.xico-paypalwtcreditcard{width:114px;height:36px;background-position:-86px -116px}
.xico-s1{width:68px;height:24px;background-position:-4px -160px}
.xico-s2{width:24px;height:24px;background-position:-178px -84px}
.xico-s3{width:85px;height:24px;background-position:-80px -160px}
.xico-s4{width:73px;height:24px;background-position:-196px -4px}
.xico-s5{width:85px;height:24px;background-position:-190px -36px}
.xico-ssl{width:77px;height:40px;background-position:-210px -68px}
.xico-tt{width:24px;height:24px;background-position:-208px -116px}
.xico-ukas{width:28px;height:40px;background-position:-240px -116px}

.section-title.x2{margin-top:30px;}
.section-title.x2 h2{font-size:22px;}
.section-title.x2 h2 b{color:#0093dd;font-weight:normal;}

.upfileinput{border:1px solid #ccc; width:100%;padding:5px;margin-bottom:10px;}
.form-fields.x2{border:none!important;padding:0 25px;}
.form-fields.x2 input[type="text"], .form-fields.x2 input[type="email"]{height:40px;}
.form-fields.x2 textarea{border:1px solid #ccc;}
.ckbox_x1{margin-left:20px;}
.ckbox_x1 label{margin-left:5px;font-weight:normal;}

.btn_x1{padding:0 25px!important;}

.copyright a{color:#0093dd!important;}
.copyright a:hover{color:#fff!important;}

.banner{ display:none}
.sp_header{ display:none}
.sjj_nav{ display:none}
.top{display:none}

@media only screen and (max-width: 980px) {
	.indextop{ display:none}
	.flexslider{display:none}
	.header-area{display:none}
	.container{ width:90%}
	.icen{ padding:0; margin:0; width:90%; margin:0 auto;}
	.top{display:block; height:50px;}
	.footer-middle-area{ display:none;}
	footer{ padding-top:0}
	
	.fulldiv{ width:100%; min-width:inherit;}
	.isflex{flex-wrap: wrap; }
	.icen ._l{flex:inherit; padding-right:0;}
	.icen ._r{ width:100%; margin-top:5%;}
	
	.prodpiclist .p-3{ width:100%;}
	
	.banner{ display:block}
	.banner img{ width:100%; vertical-align:bottom;}
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;  display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0093dd;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0093dd}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	
	.mainclass .l{ width:100%; box-sizing:border-box;}
	.mainclass .l.fixed{ position:inherit; float:none;}
	.mainclass .r{ float:none; display:block; width:100%;}
	.pagenav{ margin-top:0;}
	
	.chanp{overflow-y:scroll; width:100%}
	.chanp::-webkit-scrollbar {
        display: none;
    }	
	
	.tb_param{table-layout: fixed;}
.tb_xgprods{table-layout: fixed;}

.pdtop .l{ float:none; display:block; width:100%;}
.pdtop .r{ float:none; display:block; width:100%;}
.pdinfo .ptag{ width:100%;}
	}

.inside_con{ padding:10px 0; min-height:300px;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

