@charset "utf-8";
a{ color:#666; text-decoration:none;}
a:hover{ color:#EB6A30;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s;}
img{ border:0px;}
ul,li,h1,p,h2{ margin:0px; padding:0px; list-style:none; font-weight:normal}
input{font-family:"Arial";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#666;
	text-align:center;
	font-family:"Arial";
	font-size:14px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale
}
.fl{ float:left;}
.fr{ float:right;}
/*top*/
.m_top,.g-ft,.banners{ display:none;}
.top{ width:100%; float:left; text-align:right; font-size:14px; line-height:38px; background:#f2f2f2;}
.top .fr{ font-size:12px;}
.top .fr span{ padding-left:10px; padding-right:10px;}
.topbar_r_wx{ float:right; position:relative;z-index:2000;}
.topbar_r_wx div{ position:absolute; z-index:20; display:none; }
.topbar_r_wx:hover{ cursor:pointer; color:#D71317}
.topbar_r_wx:hover div{ display:block; top:37px; right:0px; z-index:2000}

.container{width:98%; max-width:1400px;height:auto; margin:0 auto; text-align:left; padding-left:1%; padding-right:1%;}
.containers{width:100%; max-width:1400px;height:auto; margin:0 auto; text-align:left;}

.logo_list{ width:100%; float:left; padding-top:30px; padding-bottom:30px;}
.search{ width:300px; border:1px solid #E0E0E0; height:35px;border-radius: 20px; margin-top:10px; margin-left:150px;}
.s{ width:290px; height:35px; border-radius:20px; padding-left:10px;-moz-border-radius:20px; /* Old Firefox */ background:#fff;}
.input{ float:left;}
.input input{ width:250px;border:none; line-height:35px; background:none; height:35px; color:#999;}
.btn{ float:left; padding-top:8px;}

.top-head{width:100%;z-index:1000; background:#1B2D47; float:left;}

.nav{width:100%;float:left;}
.nav ul{width:100%;}
.nav li{float:left;text-align:center;/* position:relative;*/}
.nav .m a{display:block; color:#fff;font-size:20px;/*overflow:hidden;*/ line-height:60px;margin:0 15px 0 15px; padding:0px 20px;}
.nav .m a:hover{background:url(../images/on_menu.jpg) top center #EB6A30;}
.nav .m a.on{background:url(../images/on_menu.jpg) top center #EB6A30;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; color:#000}

.nav a#sel{border-bottom:3px solid #007FCC;color:#f3782a;}
.nav a#sel:hover:after{opacity: 0;}
.top_cps{width:1280px;overflow:hidden;padding-top:25px;margin:0 auto;padding-bottom:50px;}
.nav .sub{display:none;padding:0;position:absolute;overflow:hidden;text-align:left;z-index:110;left:0;background:#fbfbfb; width:100%; float:left;}

.cp1{ float:left; width:300px;}
.cp1 .cps{ width:100%; float:left;}

.cp1 .cps li{ width:100%;float:left; margin:0px; border-bottom:1px solid #E0E0E0;text-align:left;}
.cp1 .cps li a{padding:0px; font-size:16px; color:#666;line-height:48px;}
.cp1 .cps li a:hover{ background:none;}

.cp2{ width:410px; float:left; text-align:center; padding-top:25px;}
.cp2 img{ width:320px; height:210px;}

.cp3{ width:570px; float:left; padding-top:25px;}
.cp3 h2{padding-bottom:15px; font-size:16px; color:#EB6A30; border-bottom:1px solid #e0e0e0;}
.cp3 p{ font-size:16px; line-height:200%; padding-top:15px;}

/*banner*/
.banner{ width:100%;height:700px;float:left; text-align:center; padding-top:1px;}
.fullSlide {width:100%;position:relative;height:700px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:700px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:700px;}
.fullSlide .hd {width:100%;position:absolute;bottom:20px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:5px;overflow:hidden;background:#000;line-height:999px;border-radius:50%;}
.fullSlide .hd ul .on {background:#EB6A30;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;	top:50%;margin-top:-30px;left:5%;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:5%;background-position:-6px -137px;}

@media(max-width:1366px){
.banner{height:498px;}
.fullSlide {height:498px;}
.fullSlide .bd li {height:498px;}
.fullSlide .bd li a {height:498px;}
}
@media(max-width:1280px){
.banner{ height:467px;}
.fullSlide {height:467px;}
.fullSlide .bd li {height:467px;}
.fullSlide .bd li a {height:467px;}
}
@media(max-width:1024px){
.banner{ height:374px;}
.fullSlide {height:374px;}
.fullSlide .bd li {height:374px;}
.fullSlide .bd li a {height:374px;}
}
@media(max-width:800px){
.banner{ height:292px;}
.fullSlide {height:292px;}
.fullSlide .bd li {height:292px;}
.fullSlide .bd li a {height:292px;}
}

/*partner*/
.tit{ width:100%; float:left; padding-top:35px; padding-bottom:40px; }
.tit h1{ font-size:28px; color:#1B2D47; font-weight:bold;text-align:center;}
.tit p{ color:#999; padding-top:13px;text-align:center;}
.case_con{ width:100%; float:left; padding-top:40px;}

.rollBox{max-width:1400px;overflow:hidden; float:left;}
.rollBox .LeftBotton{height:80px;width:26px;background:url(../images/scroll.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:0 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:80px;width:26px;background:url(../images/scroll.png) no-repeat -26px 0;overflow:hidden;float:left;display:inline;margin:0 0 0 0;cursor:pointer;}

.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont{width:1266px;overflow:hidden;float:left; margin-right:40px; margin-left:40px;}
.rollBox .Cont .cp{width:210px; height:80px;float:left;margin-right:1px;text-align:center;}
.rollBox .Cont .cp img{ width:210px; height:80px;}
@media(max-width:1366px){
.banner{height:498px;}
.fullSlide {height:498px;}
.fullSlide .bd li {height:498px;}
.fullSlide .bd li a {height:498px;}
.rollBox{max-width:1336px;}
.rollBox .Cont{width:1266px; margin-left:5px; margin-right:5px;}
}
@media(max-width:1280px){
.banner{ height:467px;}
.fullSlide {height:467px;}
.fullSlide .bd li {height:467px;}
.fullSlide .bd li a {height:467px;}
.rollBox{max-width:1280px;overflow:hidden; float:left;}
.rollBox .Cont{width:1055px; margin-left:76px; margin-right:77px;}
}
@media(max-width:1024px){
.banner{ height:374px;}
.fullSlide {height:374px;}
.fullSlide .bd li {height:374px;}
.fullSlide .bd li a {height:374px;}
.rollBox{max-width:952px;}
.rollBox .Cont{width:844px;margin-left:54px; margin-right:54px;}
}
@media(max-width:800px){
.banner{ height:292px;}
.fullSlide {height:292px;}
.fullSlide .bd li {height:292px;}
.fullSlide .bd li a {height:292px;}
.cp_show{ display:none;}
}

.rollBox #List1,.rollBox #List2{float:left;}
/*product*/
.product{ width:100%; float:left;padding-top:30px; padding-bottom:50px;}
.pro_class{ width:21%; float:left; margin-right:1%; border:1px solid #EB6A30;}
.p_class{ width:100%; float:left; background:#EB6A30; color:#fff; font-size:25px; line-height:50px; text-align:center;}
.p_class .fr{ padding-right:15px; padding-top:10px;}
.pro_con{ width:77.7%; float:left;}
.pro_class .class{ width:90%; float:left;font-size:14px; border-bottom:1px solid #e0e0e0; margin-left:5%; margin-right:5%;}
.pro_class .class a{ width:100%; float:left; line-height:55px; background-repeat:no-repeat;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pro_class .class a:hover{color:#EB6A30;background-repeat:no-repeat;}
.pro_class .class a.on{color:#EB6A30;background-repeat:no-repeat;}
.pro{ width:31.3333%; float:left; margin-left:2%;margin-bottom:12px; text-align:center;}
.pro img{ width:95.5%;height:200px;padding:2%; margin-bottom:12px; border:1px solid #e0e0e0;}

/*about*/
.about{ width:100%; float:left; background:url(../images/aboutbg.jpg);padding-top:75px; padding-bottom:75px;}
.a_img{ width:38%; float:left;}
.a_con{ width:62%; float:left;}
.a_con h1{ text-align:right; border-bottom:1px solid #ccc; color:#333; padding-bottom:10px; font-size:30px;}
.a_con p{ border-top:1px solid #fff; padding-top:30px; line-height:200%; color:#666;}
.a_con p a.more{ color:#fff; background:#EB6A30; font-size:20px; padding:13px 60px;}
.a_con p a.more:hover{ background:#1B2D47;}

.news{ width:100%; float:left;padding-bottom:20px; background:url(../images/newsbg.jpg);}
.n_tit{ width:100%; float:left;}
.n_tit1{ float:left;}
.n_tit1 a{ font-size:20px; margin-right:35px; line-height:45px; height:45px; float:left;}
.n_tit1 a:hover{color:#EB6A30; border-bottom:2px solid #EB6A30;line-height:43px; height:43px;}
.n_tit1 a.on{color:#EB6A30; border-bottom:2px solid #EB6A30;line-height:43px; height:43px;}
.n_tit2{ float:right;}
.mores{ float:right; text-align:center;}
.mores a{ text-align:center; color:#fff; background:#EB6A30; padding:10px 30px; float:left;}
.n_con{ width:100%; float:left; padding-top:45px;}
.n_con1{ width:50%; float:left;}
.n_con2{ width:47%; float:left; padding-left:3%;}
.n_con1 img{ width:100%; padding-bottom:20px;}
.n_con2 .n_list{ width:100%; float:left; border-bottom:1px dotted #c1c1c1;padding-bottom:25px; padding-top:15px;}
.n_con2 .n_list .n_date{ width:120px; height:80px; float:left;text-align:center; margin-right:20px; font-size:20px; padding-top:5px;}
.n_con2 .n_list .n_tits{ color:#666;}
.n_con2 .n_list .n_tits h1{ color:#333; padding-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-weight:bold; font-size:20px; font-weight:100;}
.n_con2 .n_list .n_tits p{ line-height:170%; font-size:16px; color:#666;}
.fnt50{ font-size:50px; color:#EB6A30;}


/*youshi*/
.youshi{ width:100%; float:left;}
.y_tit{ width:100%; float:left; border-bottom:1px solid #e0e0e0; margin-bottom:35px; font-size:30px; color:#EB6A30; line-height:55px;}
.y_tit span{ font-size:40px; font-family:"Arial Black"; float:left; padding-right:10px;}
.y_con{ width:100%; float:left;}
.y_con .y_list{ width:24.25%; float:left;}
.y_con .y_list .y_img{ width:94%; border:1px solid #DFDFDF; padding:2%; text-align:center;}
.y_con .y_list .y_img img{ max-width:100%;}
.y_con .y_list .y_tits{ width:100%; float:left; text-align:center; line-height:70px;}

.hx_con{ width:100%; float:left; padding-bottom:48px;}
.hx_txt{ width:54%; float:left; padding-right:2%;}
.hx_tt{ width:100%; font-size:25px; color:#1B2D47; line-height:51px; padding-bottom:10px;}
.hx_tt span{ float:left; width:51px; height:51px; text-align:center; line-height:51px; font-size:30px; font-family:"Arial Black"; color:#fff; background:url(../images/num_bg.jpg); margin-right:20px;}
.hx_txt p{ line-height:200%; font-size:14px; width:100%; padding-bottom:10px;}
.hx_img{ width:44%; float:left; padding-top:20px;}
.hx_img img{ max-width:100%;}
/*pagefoot*/
.b_menu{ width:100%; background:#3B3F4A; padding-top:30px; padding-bottom:30px;font-size:14px;}
.b_menu .left{ float:left; border-right:1px solid #272A34; height:190px;}
.b_menu .left div{ float:left; margin-right:45px; color:#fff; line-height:200%; font-size:14px}
.b_menu .left div h2{ font-size:16px; font-weight:100; padding-bottom:10px;}
.b_menu .left a{ color:#fff;}
.b_menu .left a:hover{ text-decoration:underline;}
.b_menu .middle{  height:150px;float:left;border-left:1px solid #4E5362; padding-left:35px;line-height:160%;color:#fff; padding-bottom:15px; padding-top:25px;}


.foot{ width:100%; float:left; text-align:center; line-height:55px; font-size:14px; background:#2C2F38; color:#C5C6C9;}
.foot a{color:#C5C6C9;}
.foot img{ padding-left:10px; padding-right:10px;}
.frk{ width:100%; float:left; font-size:12px; line-height:40px;}
.frk a{ color:#666;}
.pd1{ padding-right:1%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

@media(max-width:480px){
body{ font-size:14px;}
.top,.logo_list,.top-head,.case_con,.p_class,.cp_show,.b_menu,.frk{ display:none;}
.m_top,.mb_show,.banners{ display:block;}


.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:20px; position:fixed; z-index:1000; background:#fff;box-shadow: 1px 1px 3px  0 #153F57 }
.m_top_l{ float:left; padding-left:5px;}
.m_top_l img{ max-width:170px;}
.m_top_r{ float:right;padding-left:10px;}
#navbar {
  max-width: 1000px;
  margin: 0 auto;
  padding-top:22px;
  padding-right:10px;
}

.menubtn {
 
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 20px 10px;
  background-image: url('../img/hamburger.png');
  background-position: 50% 50%;
  background-size: 40px 20px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../img/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #333333;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
  width:80%; float:left;
  padding-left:5%; padding-right:5%;
}
#hamburgermenu ul li a {
  display: block;
  text-decoration: none;
  line-height:40px;
  color:#adadad;
  margin-bottom:5px;
  border-bottom:1px solid #2b2b2b;
  text-align:left;
  padding-left:10%;
  font-weight:bold;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #2b2b2b;
}

.banner{ width:100%;height:180px; margin-top:80px;}
.fullSlide {height:180px;}
.fullSlide .bd li {height:180px;}
.fullSlide .bd li a {height:180px;}
.fullSlide .hd ul li {width:10px;height:10px;}

.tit{padding-top:20px; padding-bottom:20px;}
.tit h1{ font-size:14px;}
.tit p{font-size:12px}

.product{ padding-top:0px; padding-bottom:20px;}
.pro_class{ width:100%;margin-right:0%; border:none;}
.pro_con{ width:100%;}

.pro_class .class{ width:45.5%; float:left;font-size:14px; border:1px solid #e0e0e0; margin-left:1%; margin-right:1%; padding-left:1%; padding-right:1%; margin-bottom:5px;}
.pro_class .class a{ line-height:45px;}

.pro{ width:48%;margin-left:1%; margin-right:1%;}

.about{padding-top:25px; padding-bottom:25px;}
.a_img{ width:100%; padding-bottom:20px;}
.a_con{ width:100%;}
.a_con h1{font-size:22px;}
.a_con p{padding-top:10px;}
.a_con p a.more{font-size:14px; padding:6px 30px; float:left; margin-top:10px}
.a_con p a.more:hover{ background:#1B2D47;}

.y_tit{ margin-bottom:25px; font-size:14px;line-height:35px;}
.y_tit span{ font-size:22px;}
.y_con .y_list{ width:48%;padding-left:1%; padding-right:1%;}
.y_con .y_list .y_tits{ line-height:50px;}
.pd1{ padding-right:0%;}

.hx_con{padding-bottom:28px;}
.hx_txt{ width:100%;padding-right:0%;}
.hx_tt{font-size:14px; line-height:40px;}
.hx_tt span{ width:40px; height:40px;line-height:40px; font-size:20px;margin-right:10px;}
.hx_txt p{ font-size:14px;}
.hx_img{ width:100%;padding-top:20px;}

.n_tit1 a{ font-size:16px; margin-right:15px;}
.mores a{ padding:8px 20px;}
.n_con{ padding-top:25px;}
.n_con1{ width:100%;}
.n_con2{ width:100%;padding-left:0%;}
.n_con1 img{ width:100%; padding-bottom:20px;}
.n_con2 .n_list{padding-bottom:15px;}
.n_con2 .n_list .n_date{ width:70px; height:auto;font-size:16px;}
.n_con2 .n_list .n_tits h1{font-size:16px;}
.n_con2 .n_list .n_tits p{font-size:14px;}
.fnt50{ font-size:30px;}
.foot{ width:96%;line-height:35px; font-size:12px;padding-top:15px; padding-bottom:15px; padding-left:2%; padding-right:2%;}
}