*{margin:0;padding:0;border:0;}

body {background-color: #fff; overflow-x:hidden;color: #333;font:14px/200% "Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,Arial,Helvetica;}
body.pos{ overflow-y:hidden; height:100%;}

a { color: #333;
  text-decoration: none;-webkit-tap-highlight-color:transparent;
 
}
a:hover {color: #e92200;/*text-decoration: underline;*/}
input,select,img{vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
.wrap{clear:both; width:96%;max-width:1200px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both; width:96%;max-width:1200px;margin:0 auto;text-align:left;zoom:1;}
.wrap3{clear:both; width:96%;max-width:1380px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap4{clear:both; width:96%;max-width:1400px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap5{clear:both; width:96%;max-width:1400px;margin:0 auto;text-align:left;zoom:1;}

.l{ float:left;}
.r{float:right;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.f60{ font-size:60px;}
.f55{ font-size:55px;}
.f48{ font-size:48px;}
.f40{ font-size:40px;}
.f36{ font-size:36px;}
.f34{ font-size:34px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}

/*导航*/
.header-v1{ width:100%; position:fixed;height:100px;z-index:22; top:0; left:0;transition:all 0.3s; background:#fff;}
.header-v1.on{ position:fixed;background:#fff; top:0; left:0;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.nav-hide.pos .header-v1{box-shadow: 0 1px 10px rgba(0, 0, 0, 0);}
.nav-hide .header-v1{ height:100px;background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.nav-hide .header-v1 .top-main .top_r{ margin-top:18px;}
/*.nav-hide .blank_h{ height:80px;}*/
.nav-hide .header-v1 .top-main .logo1 #logo2{ display:block;}
.nav-hide .header-v1 .top-main .logo1 #logo1{ display:none;}
.nav-hide .nav h3 a{ color:#333;}
.nav-hide .nav .on h3 a{ color:#e92200;}
.header-v1 .top-main{ width:96%; max-width:1200px; margin:0 auto;/* position:relative;*/}
.header-v1 .top-main .logo1{ float:left; margin-top:10px;}
.header-v1 .top-main .logo1 img {height:80px;}
.header-v1 .top-main .nav_bg{  width:100%; height:100%; position:fixed; top:80px; left:0; background:rgba(0, 0, 0, 0.15); z-index:99;display:none;}
.header-v1 .top-main .top_r{float:right; margin-top:18px; position:relative;opacity:1.0;filter:Alpha(opacity=100);transition:all 0.3s;transform-origin: left center;}
.header-v1 .top-main#showopen .top_r{opacity:0;filter:Alpha(opacity=0);transform: scale3d(0, 0, 0);}
.header-v1 .top-main .top_r .navBar{ float:right; }
.header-v1 .top_ico{ float:right; width:35px; height:45px; position:relative; margin-top:35px; cursor:pointer; display:none;}
.header-v1 .top_ico i{ display:block; font-size:0;width: 30px;height: 2px;z-index: 1; left: 6px; position:absolute;  top: 0px;  background:#e92200; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;-ms-transition: 0.6s; -o-transition: 0.6s; overflow: hidden;}
.header-v1 .top_ico i:nth-child(2){ top:8px;}
.header-v1 .top_ico i:nth-child(3){ top:16px;}
.header-v1 .top_ico i span{width: 2px; height: 2px; margin-left: 3px;  float: left; background:#fff;}
.header-v1 .top_ico.on{ margin-top:30px;}
.header-v1 .top_ico.on i:nth-child(1){top: 6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.header-v1 .top_ico.on i:nth-child(2){opacity: 0;}
.header-v1 .top_ico.on i:nth-child(3){top: 6px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.header-v1 .top_ico.on i span{display: none;}

.nav{ list-style:none; padding:0;  }
.nav .m{ float:left; position:relative; margin-right:40px; padding-left:10px; padding-right:10px; position:relative;}
.nav a:hover{ text-decoration:none; color:#fff;}
.nav h3{ float:left; font-weight:normal;  width:100%;}
.nav h3 a{ display:block; color:#333; width:100%;height:66px; line-height:66px; font-size:18px;}
.nav h3 a span{ display:block;position:relative;height:100%;transition: all 0.3s;}
/*.nav h3 a span:after{ content: ""; position: absolute; left: -52px; width: 0;height: 1px; background: #fff;  top: 50%; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;}*/
.nav .on h3 a{color:#e92200;}
.nav .on h3 a span{ /*color:#fff; margin-left:30px;*/ }
/*.nav .on h3 a span:after{width:40px;}*/
.nav .m .nav_sub{ position:absolute; width:100%; top:66px; left:0; background:rgba(255,255,255,0.99); display:none;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.nav .m.on .nav_sub{ display:none;}
.nav .m .nav_sub a{ display:block; height:40px; line-height:40px; text-align:center; overflow:hidden; font-size:13px; color:#333;}
.nav .m .nav_sub a:hover{ background:#e92200; color:#fff;}


.blank_h{height:0px; overflow:hidden; font-size:0;}

/*尾部*/
.f_bg{ background:#191e19; color:#888b8e; font-size:14px; clear:both; padding-top:40px; text-align:left; }
.f_bg_div{ max-width:1200px; width:96%; margin:0 auto;}
.f_bg a{color:#888b8e; text-decoration:none;}
.f_bg a:hover{ color:#fff;}
.f_bg .h2{ font-weight:normal; font-size:16px;color:#fff; padding-bottom:15px;}
.f_bg .links{width:16.5%;overflow:hidden; margin-bottom:5.5%;text-align:left;float:left;}
.f_bg .links ul li{ display:block; height:32px; line-height:32px; overflow:hidden;}
.f_bg .links ul li a{transition:all 0.3s; padding-right:5px; }
.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0;}
.f_bg .f_div2_l{ float:right;width:calc(97% - 234px);width:-webkit-calc(97% - 234px);width:-moz-calc(97% - 234px); overflow:hidden; max-width:896px;}
.f_bg .f_div2_r2{ overflow:hidden;text-align:left;float:right;width:32%;}
.f_bg .f_div2_r2 ul li{ display:block; overflow:hidden; line-height:28px;}
.f_bg .f_div2_r2 ul li .tels{ display:block; color:#fff; font-family:Arial; margin-top:5px; margin-bottom:15px;transition:all 0.3s;}
.f_bg .f_div2_r2 ul li .tels:hover{opacity:0.8;filter:Alpha(opacity=80);}

.f_bg .f-ewm{width:12%;overflow:hidden;float:left; text-align:center;}
.f_bg .f-ewm img { width:100%;}
.f_bg .f-ewm p { padding-top:10px;}


.f_div3{ border-top:1px solid #2a2e2a;clear:both;overflow:hidden; line-height:26px; padding-top:23px; padding-bottom:23px; color:#7f8386; font-size:14px;} 
.f_div3 span{ display:inline-block; vertical-align:top;}
.f_div3 a{ color:#7f8386;transition:all 0.3s;}
.f_div3 a:hover{ color:#fff;}
.f_div3 .f_txt{ overflow:hidden; text-align:center;}
.f_div3 .r{ overflow:hidden;}

.gotop{ position:fixed; bottom:10%; right:1%; width:38px; height:38px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; display:none; z-index:1;}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

.right_ul{ height:46px; line-height:46px; overflow:hidden; border-top:2px solid #dedede; position:fixed; width:100%; bottom:0; left:0; display:none; background-color:#fff;}
.right_ul ul li{ width:25%; float:left; overflow:hidden; text-align:center; font-size:14px;}
.right_ul ul li img{ height:22px; margin:0 auto;}
.right_ul ul li a{ display:block; border-right:1px solid #dedede;}
.right_ul ul li:last-child a{ border:0;}


@media screen and (max-width: 1440px) {
.f60{ font-size:50px;}
.f55{ font-size:49px;}
.f34{ font-size:32px;}
.f28{ font-size:27px;}
/*导航*/
.nav .m{ margin-right:25px;}
}




@media screen and (max-width: 1360px) {
.f60{ font-size:45px;}
.f55{ font-size:44px;}
.f48{ font-size:40px;}
.f40{ font-size:36px;}
.f36{ font-size:32px;}
.f34{ font-size:31px;}
.f30{ font-size:29px;}
.f28{ font-size:26px;}
.f26{ font-size:24px;}
.f24{ font-size:21px;}
.f22{ font-size:20px;}


}
@media screen and (max-width: 1200px) {
.f60{ font-size:42px;}
.f55{ font-size:40px;}
.f48{ font-size:36px;}
.f40{ font-size:32px;}
.f36{ font-size:30px;}
.f34{ font-size:30px;}
.f30{ font-size:28px;}
.f28{ font-size:24px;}
.f26{ font-size:22px;}
.f24{ font-size:20px;}
.f22{ font-size:19px;}
.f20{ font-size:18px;}
.f18{ font-size:16px;}
/*导航*/
/*.nav .on h3 a span{ margin-left:20px;}
.nav h3 a span:after{ left:-42px;}
.nav .on h3 a span:after{ width:30px;}*/
.nav .m{ margin-right:15px;}

/*尾部*/
.f_bg .f_div2_r{ width:200px;}
.f_bg .f_div2_l{width: calc(97% - 200px); width: -webkit-calc(97% - 200px); width: -moz-calc(97% - 200px);}
}
@media screen and (max-width: 1100px) {
.f60{ font-size:38px;}
.f55{ font-size:37px;}
.f48{ font-size:30px;}
.f40{ font-size:29px;}
.f36{ font-size:28px;}
.f34{ font-size:28px;}
.f30{ font-size:27px;}
.f28{ font-size:22px;}
/*导航*/
.nav .m{ margin-right:10px;}

/*尾部*/


}
@media screen and (max-width: 1000px) {
.f60{ font-size:36px;}
.f55{ font-size:35px;}


}
@media screen and (max-width: 960px) {
.f60{ font-size:32px;}
.f55{ font-size:30px;}
.f48{ font-size:28px;}
.f40{ font-size:27px;}
.f36{ font-size:26px;}
.f34{ font-size:26px;}
.f30{ font-size:26px;}
.f28{ font-size:20px;}
.f26{ font-size:19px;}
.f24{ font-size:18px;}
.f22{ font-size:17px;}
.f20{ font-size:16px;}
.f18{ font-size:14px;}
/*导航*/
.header-v1.on .top-main .logo1 #logo1{ display:none;}
.header-v1.on .top-main .logo1 #logo2{ display:block;}
.header-v1 .top-main .nav_bg#on2{ display:block;}
.header-v1 .top-main .top_r{ /*display:none;*/z-index:999; overflow:hidden;margin-top:0;  height:0%; width:100%;/*width:50%;max-width:250px;*/ background:#fff; position:fixed; right:0; top:80px;transition: all 0.3s; }
.header-v1 .top-main .top_r#on{/*display:block;*/height:100%;}
.header-v1 .top-main .top_r .navBar{ float:none;}
.nav-hide .header-v1 .top-main .top_r{ margin-top:0;}
.nav-hide .nav .on h3 a{ color:#fff;}
.nav h3 a{ color:#333;}
.nav .m{ width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px); padding-left:30px; margin-right:0;border-bottom:1px dashed #ddd;}
.nav .m:hover{ background-color:#e92200;}
.nav .m.on{ }
.nav h3{ position:relative; z-index:0; cursor:pointer;}
.nav h3 a{ height:45px; line-height:45px;font-size: 16px;}
.nav h3:before{ content:""; position:absolute; width:100%; height:100%; z-index:1; top:0; left:0;}
.nav .m#m1 h3:before{ width:0; height:0;}
.nav .m#m3 h3:before{ width:0; height:0;}
.nav .m#m6 h3:before{ width:0; height:0;}
.nav h3 i{ background:url(../images/touch-arrow-d.png) center center no-repeat; background-size:100% auto; position:absolute; right:20px; top:15px; height:20px; width:16px;}
.nav h3 i.touch-arrow-down{background-image:url(../images/touch-arrow-u2.png);}
.nav h3:hover i{ background-image:url(../images/touch-arrow-d2.png);}
.nav h3:hover a{ color:#fff;}
.nav .m.on h3 i{background-image:url(../images/touch-arrow-u2.png);}
.nav .m.on h3:hover i{background-image:url(../images/touch-arrow-u2.png);}
.nav .m.on .nav_sub{ display:block;}
.nav .m .nav_sub{ position:static; margin-left:-60px; clear:both;  width:calc(100% + 60px);width:-webkit-calc(100% + 60px);width:-moz-calc(100% + 60px); background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0); border-bottom:1px solid #eee;}
.nav .m .nav_sub a{ text-align:left; padding-left:60px; color:#333;}
.nav .m .nav_sub a:hover{background:#fff; color:#e92200;}
/*.nav .on h3 a span{ margin-left:0px;}
.nav .on h3 a span:after{ width:22px;}*/
.header-v1 .top_ico{ display:block; margin-top:32px;}
.header-v1 .top_ico.on{ margin-top:35px;}
.header-v1.on .top_ico i{ background:#e92200;}
.nav-hide .header-v1 .top_ico i{background:#e92200;}
.nav-hide .header-v1 .top_ico i span{ background:#fff;}

.header-v1 #showopen  .top_ico{opacity:0;filter:Alpha(opacity=0);}


/*尾部*/
.f_bg{ padding-top:30px; font-size:13px;}
.f_bg .links{ display:none;}
.f_bg .f_div2_r{width:100%; float:none; text-align:center; height:auto; margin-bottom:4%;}
.f_bg .f_div2_r:after{ width:0;}
.f_bg .f_div2_l{ float:none;width: calc(97% - 0px); width: -webkit-calc(97% - 0px);width: -moz-calc(97% - 0px);}

.f_bg .f_div2_r2{ text-align:center;float: none; width: 100%; padding-bottom:10px;}
.f_div3{padding-top:16px; padding-bottom:16px; text-align:center;font-size:13px; line-height:24px;}
.f_div3 .l{ float:none;}
.f_div3 .f_txt{ text-align:center;}
.f_div3 .r{ float:none;  display:block;  }

.f-ewm {display:none;}

}

@media screen and (max-width: 830px) {
.f60{ font-size:29px;}
.f55{ font-size:28px;}
.f48{ font-size:26px;}
.f40{ font-size:25px;}
.f26{ font-size:18px;}
.f24{ font-size:16px;}
.f22{ font-size:15px;}





}
@media screen and (max-width: 780px) {
.f60{ font-size:28px;}
.f55{ font-size:26px;}
.f30{ font-size:22px;}
}

@media screen and (max-width: 640px) {
.f60{ font-size:27px;}
.f55{ font-size:25px;}
.f48{ font-size:25px;}
.f40{ font-size:24px;}
.f36{ font-size:24px;}
.f34{ font-size:23px;}
.f30{ font-size:20px;}
.f26{ font-size:17px;}
.f24{ font-size:15px;}
.f22{ font-size:14px;}
.f20{ font-size:14px;}
.f18{ font-size:13px;}
/*导航*/

/*尾部*/
.f_bg{ padding-top:20px;font-size:12px;}
.f_bg .f_div2_r .weixin2{ max-width:156px; width:30%;}
.f_bg .f_div2_r .weixin2 img{ width:100%;}
.f_bg .f_div2_r2 ul li{ line-height:24px;}
.f_div3{ font-size:12px;}
.gotop.actives{ display:block;}


}

@media screen and (max-width: 480px) {
.f60{ font-size:25px;}
.f55{ font-size:23px;}
.f48{ font-size:22px;}
.f40{ font-size:21px;}
.f36{ font-size:20px;}
.f34{ font-size:20px;}
.f30{ font-size:18px;}
.f28{ font-size:18px;}
.f26{ font-size:16px;}
.f24{ font-size:14px;}
.f22{ font-size:13px;}
/*导航*/
.header-v1{ height:70px;}
.nav-hide .header-v1{ height:70px;}
.header-v1 .top-main .logo1 img {height:50px;}
/*.header-v1 .top-main#showopen .logo1{ display:none;}*/
.header-v1 .top-main .nav_bg{ top:70px;}
.header-v1 .top-main .top_r{ top:70px;}
.header-v1 .top_ico{ margin-top:25px; height:40px;}
.header-v1 .top_ico.on{ margin-top:25px;}

/*.blank_h{ height:70px;}*/


/*尾部*/
.f_bg .f_div2_r2 ul li{ line-height:22px;}
.f_div3{ line-height:20px;}
}
@media screen and (max-width: 380px) {
.f48{ font-size:21px;}
.f28{ font-size:17px;}
}
@media screen and (max-width: 360px) {
.f60{ font-size:23px;}
.f55{ font-size:21px;}
.f48{ font-size:20px;}
.f40{ font-size:19px;}
.f36{ font-size:18px;}
.f34{ font-size:18px;}
.f30{ font-size:17px;}
.f26{ font-size:15px;}
.f24{ font-size:13px;}

}


.anim-show .imgsa1{animation:mymove8 0.6s; -webkit-animation:mymove8 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.1s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.1s;
}
.anim-show .imgsa2{animation:mymove7 0.6s; -webkit-animation:mymove7 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.1s;


	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.1s;
}

.leftto2{filter:alpha(opacity=0);opacity:0;}
.isel .leftto2{animation:mymove8 0.5s; -webkit-animation:mymove8 0.5s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0s;}
.isel .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.2s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.2s;
}
.isel .anim-2{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.4s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.4s;
}

/*** list body ***/

.o_big_con{ overflow:hidden; position:relative; margin-top:100px;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .h2{font-weight:normal; display:table-cell; vertical-align:middle; color:rgba(255,255,255,1.0); text-align:center; text-transform:uppercase; padding-top:30px;}
.o_big_con .h2 span{ display:block; overflow:hidden;  font-weight:bold; color:rgba(255,255,255,0.24); line-height:1; text-transform:uppercase; margin-top:12px; font-size:16px; }

@media (max-width: 768px) {
  .o_big_con {margin-top:80px;}
}

@media (max-width: 480px) {
  .o_big_con {margin-top:70px;}
}


.column-menu { border-bottom: solid 1px #eeeeee; position: relative;}
.column-menu .menu { float: right;}
.column-menu .menu li { margin-left: 48px; float: left;}
.column-menu .menu li:first-child { margin-left: 0;}
.column-menu .menu li.on a { color: #e92200; border-bottom: solid 2px #e92200;}
.column-menu .menu li a { height: 68px; line-height: 68px; display: block; font-size: 18px;}
.column-menu .menu li a:hover { color: #e92200;}
.column-menu .crumbs { float: left; height: 68px; line-height: 68px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all; font-size: 14px; color: #999; padding-left: 24px; background: url(../images/crumbs.png) no-repeat 0 center;}
.column-menu .crumbs a { color: #999;}
.column-menu .crumbs a:hover { color: #e92200;}

@media only screen and (max-width: 1200px) {

.column-menu .wrap{width: 100%;}
.column-menu .menu .btn {display: block;width: 50px;height: 50px;background: url(../images/menu.png) no-repeat center;background-size: 30px auto;}
.column-menu .menu ul{display: none;width: 100%;position: absolute;top: 50px;left: 0;z-index: 90;background: #fff;text-align: center;border-top: solid 1px #ddd;}
.column-menu .menu li {margin: 0;float: none;}
.column-menu .menu li.on a:hover,
.column-menu .menu li.on a {color: #6cb315;border-bottom: solid 1px #6cb315;}
.column-menu .menu li a {height: 50px;line-height: 50px;font-size: 15px;border-bottom: solid 1px #ddd;}
.column-menu .menu li a:hover {color: #333;}
.column-menu .crumbs {float: none;height: 50px;line-height: 50px;padding-left: 20px;background: url(../images/crumbs.png) no-repeat 0 center;font-size: 12px;margin-left: 10px;}
.column-menu .crumbs a{font-size: 12px;}

}


.list_body {margin:3% 0;}

.about_t{ overflow:hidden; text-align:center; }
.about_t .h3{ font-weight:normal; overflow:hidden;color:#222; }
.about_t .desc{ overflow:hidden;color:#999999; font-size:15px; margin-top:1.5%; line-height:1.5; }

.l_about_main {line-height:2;}

/*** list products ***/

.l_pro_main ul { margin: 0 -1%; font-size: 0;}
.l_pro_main ul li { display: inline-block; vertical-align: bottom;width: 22%; margin: 0 1% 15px 1%; -webkit-transition: all .5s ease; transition: all .5s ease; border:1px solid #eee;}
.l_pro_main ul li .img { display: block;}
.l_pro_main ul li h3 {border-top:1px solid #eee;}
.l_pro_main ul li h3 a { display: block; text-align: center; font-size: 16px; color: #5a5a5a; font-weight:normal; padding:15px 0 15px 0;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.l_pro_main ul li:hover h3 a {color: #ff0000;}
.l_pro_main ul li .img {font-size: 0;overflow: hidden;}
.l_pro_main ul li .img img {width: 100%;-webkit-transition: all .5s ease; transition: all .5s ease;}
.l_pro_main ul li .img:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}

@media (max-width: 768px) {
  .l_pro_main ul li { width: 48%;border:none; }
  .l_pro_main ul li h3 a {font-size: 14px;padding:10px 0 ;}
}

@media (max-width: 375px) {
  .l_pro_main ul li {width: 98%;}
}


/*** list news ***/

.l_news_main {}
.l_news_main ul li { border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s;}
.l_news_main ul li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative;}
.l_news_main ul li .tit h3 { padding-bottom: 15px; font-size: 18px;color: #565656; font-weight: normal; padding-right: 25%; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.l_news_main ul li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666666;}
.l_news_main ul li .info { font-size: 14px; line-height: 2; color: #999;}
.l_news_main ul li .more { margin-top: 15px;}
.l_news_main ul li .more span { display: inline-block; width: 130px; line-height: 33px; text-align: center;color: #000; font-size: 14px; color: #666666; border: 1px solid #e1e1e1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.l_news_main ul li:hover { -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);}
.l_news_main ul li:hover .tit h3 { color: #e92200;}
.l_news_main ul li:hover .more span { color: #fff; background-color: #e92200;}

@media (max-width: 990px) {
  .l_news_main ul li .tit { border-bottom: none; }
  .l_news_main ul li .tit h3 { padding-right: 0; padding-bottom: 10px; }
  .l_news_main ul li .tit .date { position: static; border-bottom: 1px solid #cbcbcb; padding-bottom: 5px; color: #999;}
}


/* detail */

.d-c-detail { margin-top:30px;color:#000;}
.d-c-detail .tit1 { text-align:center; font-size:30px;}
.d-c-detail .info {text-align:center; font-size:14px; border-bottom:1px dashed #ddd; padding:20px 0 30px 0; color:#888; }
.d-c-detail .info em {color:#ddd; padding:0 15px;}
.d-c-detail .cont { margin:20px 0; line-height:200%;}
.sx_fy {border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:12px 0;color:#034ea2; line-height:36px;}

.xg-news {}
.xg-news .title { padding:15px 30px; background: #333; color: #fff; font-size: 24px;}

@media screen and  (max-width:768px){
	.d-c-detail {margin-top:15px;}
	.d-c-detail .tit1 {font-size:18px;}
	.d-c-detail .info {padding:10px 0;font-size:12px;}
	.d-c-detail .cont {margin:10px 0;font-size:14px;}
}



/*--- list contact ---*/

#map_container { height: 420px;}
.col-sm-7 { width:70%; float:left;}
.col-sm-5 { width:25%; float:right;}

@media screen and  (max-width:768px){
	.col-sm-7 { width:100%; float:none;}
	.col-sm-5 { width:100%; float:none; padding-top:20px;}
}


/*pages*/

.page-wrapper { clear:both; padding-top:20px; text-align:center; }
.page-wrapper .page {display: inline-block; *display: inline; *zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } 
.page-wrapper .page li{ list-style: none; height:42px; line-height:40px; padding:0 16px; display: inline; float: left; text-decoration: none; border: 1px solid #ddd; border-left-width: 0;}
.page-wrapper .page li a { display: inline-block;}
.page-wrapper .page li a:hover{ text-decoration:none; }
.page-wrapper .page li.thisclass { background-color:#e92200; color:#fff;}
.page-wrapper .page li:first-child { border-left-width: 1px; border-radius: 3px 0 0 3px;}
.page-wrapper .page li:last-child{ border-radius: 0 3px 3px 0;}
.page-wrapper .page .pageinfo{ color: #666;}