@charset "utf-8";
/* CSS Document */
*{ font-family:"思源宋体" !important;}
a {color: #555; text-decoration:none !important;}
a:hover {color:#005cb9;text-decoration: none !important;}
ul, dl, dl dt, dl dd{ margin:0; padding:0;}
ul, li {list-style: none;}
img {border: none;}
.clearboth {clear: both;}
.e1{ overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.e2{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.e3{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.e4{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.e5{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}

.head{ width:100%; /*background:url(../images/bj.jpg) left top repeat-x; height:196px;*/}
.header{margin:0 auto;}
.h_top{ width:100%; background:#ecf0f1;font:100 12px/40px "思源宋体"; color:#333;height:40px;}
.h_top a{color:#333;}
.h_top span{ float:right;}
.h_cen{}
.h_cen .logo{ float:left; margin-top:2px; width:72%;}
.h_cen .logo img{ display:block; max-width:100%;}
.h_cen .h_c_center{ float:left; padding:38px 0px 37px 30px; font:600 16px/26px "思源黑体"; color:#044b81; display:none;}
.h_cen .h_c_center a{color:#044b81; margin-right:10px;}
.huoban{ float:left; padding-left:30px; padding-top:9px;}
.h_cen .h_c_right{ float:right; display:none;}
/*头部电话*/
/*header .dl{ float:right; height:120px; padding-left:20px; border-left:1px solid #e5e5e5; display:none;}*/
.h_cen .h_c_right  p{ color:#666666; font-size:16px; margin-top:20px; margin-bottom:0;}
.h_cen .h_c_right p i{ padding:0px 5px; border:2px solid #e84c3d;color:#e84c3d; border-radius:50%; margin-right:5px;}
.h_cen .h_c_right .tel{ font-size:24px; color:#e84c3d; font-weight:bold;}
.h_cen .h_c_right .tel a{color:#e84c3d;}

#menu {width:100%; margin:0 auto; height:47px; line-height:47px; background:#044b81; display:none;}
#nav {line-height:47px;  list-style-type: none;}
#nav a {display: block; width:165px; text-align:center;}
#nav a:link  {color:#fff; text-decoration:none;}
#nav a:visited  {color:#fff;text-decoration:none;}
#nav a:hover  {color:#fff;text-decoration:none; background:#015ca2;}
#nav li {float:left; width:165px; height:47px; font:100 16px/47px "思源宋体";color:#fff; text-align:center; margin-right:28px;}
#nav li a:hover{color:#fff;font:100 16px/47px "思源宋体";}
#nav li ul {list-style-type: none;text-align:center;left: -999em; width:165px; position: absolute;z-index:99999}
#nav li ul li{float: left; width:165px;background: #F6F6F6;font:100 14px/38px "思源宋体"; height:38px;}
#nav li ul a{ display: block; width:165px;text-align:center;}
#nav li ul a:link  {color:#333; text-decoration:none;}
#nav li ul a:visited  { color:#333;text-decoration:none;}
#nav li ul a:hover  {color:#F3F3F3;text-decoration:underline;font-weight:normal; background:#015ca2;font:100 14px/38px "思源宋体";height:38px;}
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}
#nav li ul.special{ width:200px;}
#nav li ul.special li{width:200px;}
#nav li ul.special li a{width:200px;}


/*手机端导航*/
.sp_nav{width:30px;float:right;position:relative;cursor:pointer;height:25px;margin-top:12px; display:block;}
.sp_nav span{display:block;background:#005cb9;width:20px;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:7px}
.sp_nav span:nth-of-type(3){top:14px}
.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:999;background:#044b81;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;}
.nav_show{top:45px}
.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;width: 85%;text-align: right;}
.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 #055088 solid;margin-left:15px;position:relative;line-height:44px;font-size:17px}
.sjj_nav>ul >li:last-child{border-bottom:1px #055088 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:80%}
.sjj_nav ul li ul li a{color:#fff;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:0}

/*banner开始*/
.banner{ width:100%;position:relative;}
.banner .swiper-wrapper{ height:auto !important;}
.banner .swiper-container {width:100%;height: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width:100% !important;}
.banner .swiper-slide img{ width:100% !important;}
.banner .swiper-slide .pc{ display:none;}
.banner .swiper-slide .phone{ display:block;}

/*中间部分*/
.main{ width:100%; margin-top:25px; background:#fff;}
.box1{ width:100%; height:42px; overflow:hidden; border:1px solid #ccc; margin:0 auto;}
.box1 .b1_title{ float:left; margin-left:10px; background:url(../images/t_bj.jpg) left center no-repeat; padding:10px; padding-left:25px; font:100 16px/24px "思源宋体";color:#e54c3c;}
.box1 .bd{ padding:10px; width:69%;float:right;  }
.box1 .bd .tempWrap{ width:100% !important }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.box1 .bd ul{ overflow:hidden; zoom:1; }
.box1 .bd ul li{ margin-right:20px; background:url(../images/li_bj.jpg) left center no-repeat; padding-left:15px;  float:left; height:26px; line-height:26px; overflow:hidden;text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.box1 .bd ul li a{color:#252525; font-size:14px;}
.box1 .bd ul li a:hover{color:#e84c3d;}

.box2{width:100%; padding:20px 0;overflow:hidden; background:#f8f8f8;margin-top:25px;}
.box2_c{margin:0 auto;}
.b2_left{}
.b2_center{margin:20px 0;}
.b2_right{}
.b2_title{ font:500 18px/40px "思源宋体";color:#666666; background:url(../images/t_bj1.jpg) left bottom no-repeat;}
.b2_title span{ font:100 12px/40px; padding-left:5px;}
.b2_title a{font:100 12px/40px; float:right; color:#666;}
.b2_title a:hover{color:#e54c3c;}
.b2_content{padding-top:15px;}
.b2_content img{ display:block; max-width:100%; margin:0 auto;}

.b2_intro{ background:url(../images/t2.jpg) left top no-repeat; height:96px; position:relative; z-index:100;}
.b2_intro .i_left{ position:absolute; top:17px; left:115px; font:100 12px/24px "思源宋体"; color:#fff;}
.b2_intro .i_left h3{font:100 23px/36px "思源宋体"; margin:0;}
.b2_intro .i_left h3 a{ color:#fff;}
.b2_intro .i_right{ position:absolute; top:50px; right:20px;font:100 14px/20px "思源宋体";}
.b2_intro .i_right a{ color:#fff;}

.b_intro{ border:1px solid #ccc; background:#fff; padding:5px 5px 5px 10px;}
.b_intro ul{}
.b_intro ul li{ background:url(../images/li_bj1.jpg) left center no-repeat; font:100 14px/38px "思源宋体"; color:#555; padding-left:15px;  height:38px; border-bottom:1px dotted #ccc;}
.b_intro ul li a{color:#333;}
.b_intro ul li a:hover{color:#e54c3c;}
.b_intro ul li span{ float:right;}

.b2_about{ position:relative;}
.b2_about .img{/* float:left; width:181px;*/}
.a_intro{ background:url(../images/a1.png) left top no-repeat;width:258px; height:148px; position:absolute; top:50px; left:89px; font:100 12px/28px "思源宋体";color:#fff; padding:20px 10px 10px 20px; overflow:hidden;}
.a_intro h3{ width:100px; height:25px; border:1px solid #fff; margin-top:5px; text-align:center;}
.a_intro h3 a{color:#fff;font:100 12px/25px "思源宋体";}

.box3{margin:0 auto; margin-top:25px;}
#mdemo{overflow:hidden;/*width:1200px;*/margin:0 auto; padding-top:20px; display:none;}
#mindemo {float: left;width:800%}
#mdemo1 {float: left;}
#mdemo2 {float: left;}
.sy_product{ margin-top:20px;}
.sy_product img{ display:block; max-width:100%; margin:0 auto;}
.sy_product h3{text-align:center;padding-top:5px; margin-top:1px; font-weight:normal; font-size:15px;color:#222;}
.sy_product h3 a{font:100 15px/24px "思源宋体"; color:#222;}
.sy_product h3 a:hover{color:#f8992f;}
.product_list1{}
.product_list1 li{float:left;margin-left:20px; margin-right:20px;_display:inline; width:204px;}
.product_list1 li img{width:224px;height:209px;}
.product_list1 li h3{text-align:center;padding-top:5px; margin-top:1px; font-weight:normal; font-size:15px;color:#222;}
.product_list1 li h3 a{font:100 15px/24px "思源宋体"; color:#222;}
.product_list1 li h3 a:hover{color:#f8992f;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#e87518;}
.roll_product li{padding-bottom:0px; float:left;padding:2px;}
.roll_product{float:left;}

.box4{width:100%; /*height:340px;*/padding:20px 0;overflow:hidden;background:#f8f8f8;margin-top:25px;}
.box4_c{/*width:1200px;*/margin:0 auto;padding-top:5px; padding-bottom:25px;}
.b4_left{/*float:left; width:310px; margin-right:55px;*/}
.b4_center{ margin:20px 0;/*float:left; width:402px;*/}
.b4_right{/* float:right; width:376px;*/}

.searchback{/*width:402px;*/color:#727272;line-height:26px;font-size:15px;}
.searchback form{ margin-bottom:10px;}
.searchback table td{line-height:25px; font:100 15px/30px "思源宋体";}
.searchback table td.abc{text-indent:90px; padding-top:6px;}
.searchback table td.abc input{padding:3px 15px; background:#e84c3d; color:#fff; font-size:14px; cursor:pointer; border:none}
.name{ width: 82px; text-align:right;}

.c_intro{ background:#fff; border:1px solid #ccc;}
.c_intro .img{ float:right; width:159px; /*height:243px;*/}
.contact{ width:180px; float:left; margin-left:15px; padding-top:15px;}
.contact ul{}
.contact ul li{ font:100 14px/32px "思源宋体"; color:#333;border-bottom:1px solid #b9b9b9; margin-bottom:10px;}
.contact ul .l_title{ background:url(../images/t_bj2.jpg) left top no-repeat;font:100 15px/32px "思源宋体"; padding-left:30px; }
.contact ul .li_title{ background:url(../images/t_bj3.jpg) left top no-repeat;font:100 15px/32px "思源宋体";padding-left:30px;}


.box5{margin:0 auto;margin-top:25px;height:180px; background:url(../images/y_bj1.jpg) left top no-repeat; padding-left:50px; padding-right:30px; padding-top:15px; margin-bottom:25px;}
.box5 ul li{ width:80px; float:left; border-right:1px solid #5d5d5d; height:18px;text-align:center; }
.box5 ul a{ color:#222;}
.box5 ul a:hover{ color:#e84c3d;}

/*内页*/
.mian1{ /*width:1140px;*/ margin:25px auto;}
/*关于我们*/
.m_left{ /*width:240px; */float:left;}
.m_left1{display:none;}
.m_left2{display:block; margin-top:25px;}
.l_top{border:1px solid #ccc; margin-bottom:20px;}
.l_content{ padding:10px 10px 20px 20px;}
.l_content li{ background:url(../images/li_bj.jpg) left center no-repeat; padding-left:15px; height:34px; line-height:34px;}
.l_content li a{ font:100 15px/34px "思源宋体";color:#333;}
.l_content li a:hover{ color:#e54c3c;}
.l_bottom{ border:1px solid #ccc;}
.b1_content{padding:10px; font:100 14px/25px "思源宋体";color:#333;}
.b1_content h3{ font:bold 16px/26px "思源宋体";}
.l_title{border-bottom:2px solid #025ca2; height:34px;font:600 16px/34px "思源宋体"; color:#333; padding-left:10px;}
.l_title span{font:100 15px/34px "思源宋体";color:#e54c3c; }
.m_right{ border:1px solid #ccc; /*float:right; width:880px;*/}
.r_title{border-bottom:2px solid #025ca2; height:34px;font:600 16px/34px "思源宋体"; color:#333; padding-left:10px; }
.r_title span{ float:right; padding-right:10px; font:100 13px/34px "思源宋体";}
.r_content{ padding:20px 20px; font:100 14px/26px "思源宋体"; color:#333;}

/*产品*/
.c_content{padding:20px 20px;font:100 14px/26px "思源宋体";color:#333;}
/*.c_content ul li{ float:left; width:200px; text-align:center; margin-right:20px; margin-bottom:20px;}
.c_content ul li img{ width:198px; height:136px; border:1px solid #ccc;}
.c_content ul .none{ float:right; margin-right:0px;}*/
.c_content .l{padding:0 8px; margin-bottom:20px; text-align:center;}
.c_content .l a{color:#333;}
.c_content .l img{width:100%;height:113px;border:1px solid #ccc;}
.c_content .l a:hover{color:#e54c3c;}

/*产品详细*/
.product_show{ padding:10px 0; text-align:left;}
.product_show .pic{ text-align:center;}
.product_show .pic img{ max-width:100%; display:block; margin:0 auto;}
.product_show .guige{ width:300px; float:left;}
.product_show .guige ul li{line-height:30px; padding-left:30px; margin-bottom:10px; text-align:left;}
.product_show .guige ul li .font1{ color:#ffc600;}
.product_show .sm{ width:100%; float:left; margin-top:20px;}
.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.product_show .sm .smbt span{ background:#025ca2; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}
.product_show .sm .neirong{ padding:10px; line-height:24px; float:left;}

/*新闻中心*/
.n_content{padding:20px 10px; font:100 12px/30px "思源宋体"; color:#333;}
.n_content ul{ margin-bottom:10px;}
.n_content ul li{ background:url(../images/li_bj1.jpg) left center no-repeat; padding-left:15px; border-bottom:1px dotted #ccc; font:100 14px/36px "思源宋体"; color:#333;}
.n_content ul li a{ color:#333;}
.n_content ul li a:hover{color:#e54c3c;}
.n_content ul li span{ float:right;}

.n_content .name{ font-size:18px;text-align:center;line-height:40px;width:100%;}
.n_content .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.n_content .nr{ padding:8px 10px;}
.n_content .nr p{ margin-bottom:10px; line-height:26px;}
.n_content .nr p img{ display:block; max-width:100%;}
.n_content .back{ text-align:center;}
.n_content .back a:hover{ color:#e54c3c;}

/*在线留言*/
.m_content{padding:20px 10px;}
.intro table{ background:#dadada; margin-bottom:20px;}
.intro table tr td{ padding:5px; background:#fff;}
.intro table tr td a:hover{ color:#c30;}
.intro table input, .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"思源宋体"; border-radius:3px;}
.intro table input.button{background:#514032; color:#fff; cursor:pointer; padding:2px 10px; border:none;}

/*查询*/
.s_content{padding:20px 10px;}
.searchback1{color:#727272; line-height/*:26px; width:700px; margin-left:30px;*/ }
.searchback1 form{ margin-bottom:10px;}
.searchback1 table td{line-height:25px; font:100 15px/30px "思源宋体";}
.searchback1 table td.abc{text-indent:90px; padding-top:6px;}
.searchback1 table td.abc input{padding:6px 15px; background:#e84c3d; color:#fff; font-size:14px; cursor:pointer; border:none}
.searchback1 .f_left{/*width:310px;*/ float:left;}
.searchback1 .f_right{/*width:310px;*/ float:left; }
.s_intro{padding-top:25px;}
.s_intro table{ border:1px solid #ccc; padding:0px;}

.huoban1{ width:1200px; margin:0 auto; text-align:center; padding-top:10px; padding-bottom:10px;}

/*底部*/
.foot{ width:100%; background:url(../images/f_bj.jpg) left top repeat-x;}
.footer{margin:0 auto; padding:20px 0px; font:100 12px/26px "思源宋体";color:#fff; text-align:center;}
.footer a{ color:#fff;}

@media (min-width:768px){
	.h_cen .logo{margin-top:20px; width:339px;} 
	.h_cen .h_c_center{display:none;}
	.h_cen .h_c_right{display:none;}
	.box1 .bd{width:90%;}
	.c_content .l{padding:0 8px;}
	.c_content .l img{width: 100%;height: 256px;}
	.searchback1 .f_right{/*width:310px;*/ float:right; }
}
@media (min-width:992px){
	.h_top{font:100 13px/48px "思源宋体";height:48px;}
	.h_cen .h_c_center{display:block;}
	.h_cen .h_c_right{display:block;}
	#menu{display:block;}
	.sp_nav{ display:none;}
	.banner .swiper-slide .pc{ display:block;}
	.banner .swiper-slide .phone{ display:none;}
	.box1 .bd{width:90%;}
	.b2_center{ margin:0;}
	.b4_center{ margin:0;}
	#mdemo{display:block;}
	.sy_product{ display:none;}
	.box5{margin-top:25px;height:74px; background:url(../images/y_bj.jpg) left top no-repeat; padding-left:50px; padding-right:10px; padding-top:15px;}
	.m_left1{display:block;}
    .m_left2{display:none;}
	.c_content .l{padding:0 8px;}
	.c_content .l img{width:198px;height:136px;}
}
@media (min-width:1200px){
	.h_cen .h_c_center{display:block;}
	.h_cen .h_c_right{display:block;}
	.sp_nav{ display:none;}
	.box5{margin-top:25px;height:74px; background:url(../images/y_bj.jpg) left top no-repeat; padding-left:50px; padding-right:10px; padding-top:15px;}
	.c_content .l{padding:0 8px;}
	.c_content .l img{width:198px;height:136px;}
	}