@charset "utf-8";
/* CSS Document */

body{ margin:0px auto; padding:0px; font-size:14px; color:#333; font-family:"微软雅黑",Arial, Helvetica,sans-serif; background:#f9f9f9 url(../images/top_bg.jpg) repeat-x; background-attachment:fixed;}
.homePage{background:#fff;}
div,form,img,p,a {margin:0; padding:0; border:0; text-decoration:none; list-style:none;}

.pager{ max-width:1200px;width:100%; margin:0 auto; overflow:hidden;box-sizing: border-box;}

.header{ width:100%; height:96px; overflow:hidden;background:#FFF;}
.header .logo{ float:left; padding:7px 0 0;}
.header .h_rt{ float:right;}
.header .h_rt .language{ width:auto; margin-top:24px;overflow:hidden;}
.header .h_rt .language a{color:#333; margin:0 8px; padding-left:23px;float:right;}
.header .h_rt .language a.a01{ background:url(../images/cn.png) 0 3px no-repeat;}
.header .h_rt .language a.a02{ background:url(../images/en.png) 0 3px no-repeat;margin-right:0;}

.header .h_rt .tel{ margin-top:10px;text-align: right;font-size:16px;font-weight:600;color:#e28605;}


.nav{ width:100%; height:42px; line-height:42px; overflow:hidden; background:#f19616;}
.nav ul{ margin:0; padding:0; text-align:center; list-style:none;}
.nav ul li{float:left;  }
.nav ul li.selected,.nav ul li.active{background:#b71e33;}
.nav ul li a{ font-size:16px; color:#FFF;display:inline-block;padding:0px 50px;}
.nav ul li:hover{ background:#b71e33;}


.nav ul li ul{display:none; z-index:9999; text-align:left;margin-top:-1px;}
.nav>div>ul>li:hover>ul{ display:block; position:absolute;}
.nav ul li ul li{display:block;float:none;}
.nav ul li ul li a{line-height:35px; background:#b71e33;  display:block; font-size:14px; padding:2px 20px;}
.nav ul li ul li a:hover{ background:#fff;color:#b71e33;}
.nav ul li ul ul{display:none;}

.banner{ width:100%; height:500px; overflow:hidden; text-align:center;}
.slider-nav{position:absolute;top:50%;left:50px;z-index:99;transform: translateY(-50%);height:50px;width:35px;;padding:20px 10px;border-radius: 5px}
.slider-nav:hover{background:rgba(0,0,0,0.3)}
.slider-nav img{height:100%;transform: translateY(-15px);}
.slider-next{left:auto;right:50px;}
.slider-page{bottom:0.6%; height:29px; position:absolute;z-index:99; width:100%; text-align:center;}
.slider-page-item{background:#FFF; width:10px; height:10px; margin:2px 4px; cursor:pointer; display:inline-block; text-indent:9999px;}
.slider-page-active{background:#ffc13a;}


/**首页公用**/
.main_box{ width:100%; margin-top:40px;}

.main_top_img{ border-top:4px solid #f19616;}
.main_border{ min-height:230px; overflow:hidden; background:#FFF; padding:0 20px; border:1px solid #e3e3e3; /*border-bottom-left-radius:20px;border-bottom-right-radius:20px;*/}
.main_desc{ line-height:27px; padding-top:6px; font-size:13px;}

.main_title{ height:50px; line-height:55px; border-bottom:1px solid #ebebeb;}
.main_title .m_t_lt{ font-size:18px; padding-left:4px; float:left;}
.main_title .m_t_more{float:right; margin-top:17px;}

/**首页公用**/


.pro_list_lt{ width:34%; float:left;overflow:hidden;}
.pro_title{ height:50px; line-height:55px; font-size:18px; padding-left:90px; border-bottom:1px solid #ebebeb;}

.pro_list_lt ul{ margin:8px 0 0; padding:0; list-style:none;}
.pro_list_lt ul li{ height:30px; line-height:30px; background:url(../images/li_icon.png) 76px 12px no-repeat;}
.pro_list_lt ul li a{ color:#333; padding-left:92px; font-size:14px;}
.pro_list_lt ul li a:hover{ color:#0064b1; text-decoration:underline;}


.customized_mid{ width:309px; float:left; margin-left:36px;}

.service_rt{ width:309px; float:right;}


.botm_border{ min-height:230px; overflow:hidden; background:#FFF; padding:0 20px; border:1px solid #e3e3e3; /*border-bottom-left-radius:20px;border-bottom-right-radius:20px;*/}
.botm_contact .botm_border{min-height:193px;}
.botm_about{ width:62.8%; float:left;overflow:hidden;}
.botm_about2{float:right;}
.botm_about_img{float:right;width:100%;}
.botm_about_desc{ line-height:26px; padding-top:16px; }
.botm_about_more{ margin-top:10px;float:right;}

.botm_contact{ width:34%; float:right;overflow: hidden;}
.botm_contact_desc{ margin-top:8px;  line-height:26px; padding:4px 0 10px 0px;}
.botm_contact_desc_en{ margin-top:8px; background:url(../images/con_icon_en.png) left no-repeat; line-height:26px; padding:4px 0 0 30px;}


.footer{ width:100%; height:70px; line-height:70px; background:#f19616; font-size:14px; color:#FFF; margin-top:40px;}
.footer .f_lt{ float:left;}
.footer .f_rt{ float:right;}
.footer .f_rt a{ color:#FFF;}



/**公用样式**/
.com_ban{ width:100%; height:248px; overflow:hidden; margin:0px auto;background:url(../images/subbanner.jpg) center no-repeat;}
.com_ban_en{ width:100%; height:248px; overflow:hidden; margin:0px auto;background:url(../images/com_ban_en.png) center no-repeat;}

.common{ width:100%; min-height:470px; height:100%; overflow:hidden;margin-top:-50px;}

.com_lt_title{line-height:50px; text-align:center; font-size:18px; font-weight:bold; background:url(../images/list_title_bg.png) no-repeat #f19616; color:#FFF;}

.com_lt{ width:27.9%; float:left; background:#FFF; padding-bottom:30px; position:relative;}
.com_lt .pro_list{}
.com_lt .pro_list ul{ margin:0; padding:0; text-align:center; list-style:none;padding:0px 18px;margin-top:15px;}
.com_lt .pro_list ul li{ line-height:38px; background:#eee; margin-top:6px;}
.com_lt .pro_list ul li a{ color:#666666; font-weight:bold; display:block;}
.com_lt .pro_list ul li:hover>a,.com_lt .pro_list ul li .selected,.com_lt .pro_list ul li .active{ background:#b71e33;}
.com_lt .pro_list ul ul{display:none;}
.com_lt .pro_list ul li.selected ul,.com_lt .pro_list ul li.active ul{display:block;}
.com_lt .pro_list ul li a:hover,.com_lt .pro_list ul li:hover,.com_lt .pro_list ul li a.selected,.com_lt .pro_list ul li a.active{ color:#FFF;}

.com_lt .contact_lt{ margin-top:16px;}
.com_lt .contact_lt .con_img{ overflow:hidden; padding:0 18px;}
.com_lt .contact_lt .con_desc{ line-height:24px; padding:12px 18px 0 18px;}



.com_rt{ width:65.2%; float:right; background:#FFF; padding:0 25px 50px;margin-top:65px;}

.com_rt_title{ height:45px; line-height:50px; overflow:hidden; border-bottom:1px solid #eeecec;}
.com_rt_title h2{float:left; background:url(../images/com_rt_title_icon.png) left center no-repeat; margin:0;  padding-left:14px; font-size:16px;}
.com_rt_title .rt_c_trt{ float:right;}
.com_rt_title .rt_c_trt a{ padding:0 5px; color:#999999;}

.com_desc{line-height:24px;  padding:10px 0 0;}
.com_desc h2{text-align: center;}
.com_desc .createtime{text-align: center;display: block;color:#aaa;padding-bottom:30px;}

.com_desc1{ line-height:20px; padding:18px 0 0;}
.prevArticle{float:left;padding:40px 0px 0px;}
.nextArticle{float:right;padding:40px 0px 0px;}
/**产品页**/

.product_table{border-collapse:collapse; border-spacing:0;}
.product_list{ height:auto;margin:10px 0 0; padding:0;}
.product_list table{ width:99.9%; margin:0 auto;border-collapse:collapse; border-spacing:0;}
.product_list table td{ text-align:left; border:1px solid #eee; padding:5px 20px; margin:0;}


.product_list table th{ height:50px; text-align:left; background:#f6f6f6; padding:0px 20px; margin:0; border:1px solid #eee;}


/**分页**/
.tmpage{ width:100%;text-align:center; margin-top:30px;}

ul.pagination {margin: 0;padding: 0;text-align: center}
ul.pagination li {display: inline-block;background:#fff}
ul.pagination li.active{background:#b71e33;}
ul.pagination li.active a{color:#fff;}
ul.pagination li.active a{border-color:#b71e33;}
ul.pagination li.disabled a{color:#ccc;}
ul.pagination li a {display: block;line-height: 40px;padding: 0 10px;border: 1px solid #ccc;margin-left: -1px}

/*首页新闻轮播图片*/
.picList{list-style-type:none;margin:0;padding:0;}
.picList li{position:relative;}
.picList .desc{position:absolute;width:100%;left:0;bottom:0;z-index:9;background:rgba(0,0,0,0.3);padding:5px 20px;box-sizing: border-box;}
.picList .desc .title{color:#fff;}
.picBox{position:relative;}
.picBox .hd{position:absolute;z-index:10;width:100%;bottom:5px;}
.picBox .hd ul{overflow:hidden;padding:0;margin:0;float:right;}
.picBox .hd li{list-style-type: none;height:15px;width:15px;text-align: center;line-height: 15px;margin-right:2px;background:#fff;float:left;cursor: default;}
.picBox .hd li.on{background:#e95b00;color:#fff;}
.picBox .next,.picBox .prev{display: none;height:40px;width:24px;text-align: center;line-height:40px;background:rgba(0,0,0,0.3);color:#fff;position:absolute;left:0;top:50%;transform: translateY(-50%);z-index:11;cursor:pointer;}
.picBox .next{float:right;left:auto;right:0;}
.homeNewsList{list-style-type: none;padding:10px 0;margin:0;line-height:26px;overflow: hidden;background:#fff;min-height:193px;border:1px solid #e3e3e3;box-sizing: border-box;/*border-bottom-left-radius:20px;border-bottom-right-radius:20px*/  }
.homeNewsList li{width:50%;float:left;padding:3px 20px;box-sizing: border-box;}
.homeNewsList li span{float:right;}
.homeNewsList li a{color:#666;}
.homeNewsList li:hover a{color:#0064b1;text-decoration: underline;}
.product_list ul{list-style-type: none;padding:0;margin:0;}
.product_list ul li h3{margin-top:0;}
.product_list ul li{margin-bottom:20px;border-bottom:1px dashed #eeecec;padding-bottom:20px;}
.product_list ul li img{float:right;width:25.6%;min-width:180px;}
.product_list ul li{overflow:hidden;}
.product_list ul li div{width:60%;float:left;}
.product_list ul li span{float:right;}
.product_list ul li a{color:#666;}
.product_list ul li:hover h3{color: #0064b1;text-decoration: underline;}


.firstRow td{vertical-align: top;}


.section-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; opacity:0.8;
	transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;/* IE 9 */
	-moz-transition: all 0.3s ease-in-out;/* Firefox */
	-webkit-transition: all 0.3s ease-in-out; /* Safari 和 Chrome */
	-o-transition: all 0.3s ease-in-out;/* Opera */
}
.scrollToTopBox{height:auto;width:50px;position:fixed;bottom:50px;right:40px;text-align: center;padding:5px 0px;cursor:pointer;overflow:hidden;display: none;box-sizing: content-box;z-index:9999}
.scrollToTopBox:hover .section-bg{opacity:1;}
.scrollToTopBox:hover span i.jiantou-animate{
	animation: myjiantou 0.7s infinite ease-in-out;
	-ms-animation:myjiantou 0.7s infinite ease-in-out;/* IE 9 */
	-moz-animation:myjiantou 0.7s infinite ease-in-out; /* Firefox */
	-webkit-animation:myjiantou 0.7s infinite ease-in-out; /* Safari 和 Chrome */
	-o-animation:myjiantou 0.7s infinite ease-in-out; /* Opera */
}
.scrollToTopBox p{padding:0px;font-size: 16px;font-weight:normal;margin-top:3px}
.scrollToTopBox p.txt{padding:0px;font-size: 16px;font-weight:normal;margin-top:5px}
.scrollToTopBox span{display: block;width:100%;font-size:50px;}
.scrollToTopBox span i{line-height:30px;height:30px;display: block;}
.fa-angle-up:before{line-height: 30px}
.scrollToTopBox span i.jiantou{line-height:23px;display: block;
	transform: rotate(45deg) translate(8px,8px);
	-ms-transform:rotate(45deg) translate(8px,8px); /* IE 9 */
	-moz-transform:rotate(45deg) translate(8px,8px); /* Firefox */
	-webkit-transform:rotate(45deg) translate(8px,8px); /* Safari 和 Chrome */
	-o-transform:rotate(45deg) translate(8px,8px); /* Opera */
	height:23px;width: 23px;margin:auto;}
@keyframes myjiantou
{
0%   {transform:rotate(45deg) translate(12px,12px) scale(0.2);opacity: 0.3;}
100% {transform:rotate(45deg) translate(5px,5px)  scale(1);opacity: 1}
}
@-moz-keyframes myjiantou /* Firefox */
{
0%   {transform:rotate(45deg) translate(12px,12px) scale(0.2);opacity: 0.3;}
100% {transform:rotate(45deg) translate(5px,5px)  scale(1);opacity: 1}
}
@-webkit-keyframes myjiantou /* Safari 和 Chrome */
{
0%   {transform:rotate(45deg) translate(12px,12px) scale(0.2);opacity: 0.3;}
100% {transform:rotate(45deg) translate(5px,5px)  scale(1);opacity: 1}
}
@-o-keyframes myjiantou /* Opera */
{
0%   {transform:rotate(45deg) translate(12px,12px) scale(0.2);opacity: 0.3;}
100% {transform:rotate(45deg) translate(5px,5px)  scale(1);opacity: 1}
}
#mobile-nav {float: right;display: none;margin-top: 5px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;margin-top:19px;}
#mobile-nav .bar {display: block;width: 30px;height: 4px;background-color: #8c8c8c;margin-bottom: 6px}
#site-navigation-mobile {display: none}
.firstRow td{width:50%;}


.focus {display: none}
.focus {width: 100%;height: auto;margin: 0 auto;position: relative;overflow: hidden}
.focus .hd {width: 100%;height: 11px;position: absolute;z-index: 1;bottom: 20px;text-align: center}
.focus .hd ul {display: inline-block;height: 10px;padding: 3px 5px;border-radius: 5px;font-size: 0;vertical-align: top}
.focus .hd ul li {display: inline-block;width: 5px;height: 5px;border-radius: 4px;background: #8c8c8c;margin: 0 5px;vertical-align: top;overflow: hidden}
.focus .hd ul .on {background: #ffc13a;width: 10px}
.focus .bd {position: relative;z-index: 0}
.focus .bd li {position: relative;display: none}
.focus .bd li img{max-width:100%;}



/*英文*/
.pro_title_en{padding-left: 40px}
.pro_list_lt_en ul li{background-position:20px 12px}
.pro_list_lt_en ul li a{padding-left:40px;}
.nav_en ul li ul li a{font-size:14px;padding:3px 30px;}

@media screen and (max-width: 720px) {
	.picBox .next, .picBox .prev{display: block;}
	.banner{display:none;}
	.focus{display: block}
	.main_top_img{display:none;}
	.pro_list_lt,.botm_about,.botm_contact,.botm_border{width:100%;float:none;box-sizing: border-box;}
	.main_top_img img,.botm_contact img{width:100%;}

	.botm_about_img img{float:right;}
	.pro_title{padding-left:0;}
	.pro_list_lt ul li a{padding-left:20px;}
	.pro_list_lt ul li{background-position: 0px 12px}
	.main_border,.botm_border{height:auto;padding:20px;}
	.botm_about_more{padding-bottom: 20px}
	.homeNewsList li{width:100%;}
	.main_box{margin-top:0;}
	.footer{margin-top:0;height:auto;padding:20px;box-sizing: border-box;}
	.footer .f_lt,.footer .f_rt{width:100%;text-align: center;line-height:30px;}
	.botm_contact .botm_border{height:auto;}
	.com_lt{width:100%;z-index:1;padding-bottom:0;}
	.com_lt .contact_lt{display:none;}
	.com_rt{width:100%;margin:0;padding:20px;box-sizing: border-box;}
	.com_rt_title .rt_c_trt{display:none;}
	.common{min-height:auto;}
	.tmpage{width:100%;}
	.product_list ul li div{width:100%;}
	.product_list ul li img{width:100%;padding-top:20px;}
	#mobile-nav {display: block}
	.header .h_rt,.nav{display:none;}
	.header .logo{padding:0;}
	.header .logo img{height:60px;}
	.header{padding:20px;height:auto;box-sizing: border-box;}
	.common .pager{background: #fff;position: relative;}
	.footer .pager{background:#f19616 }
	.firstRow td{width:100%;display:block;}
	.homeNewsList{padding-top:30px;}
	.botm_contact_desc{margin-top:0;}
	.pro_title{font-weight:600;color:#0064b1;}
}