@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:16px;
	-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;}


.tops{width:100%; float:left; height:270px; background:url(../images/a_banner.jpg) top center; background-repeat:no-repeat;}
.top_title{ width:100%; padding-top:75px; float:left; color:#fff; font-size:38px; font-weight:bold;}
.top_nav{ width:100%; float:left; padding-top:28px;}
.top_nav_1{ width:303px; height:40px; background:#1B2D47; color:#fff; font-size:14px; line-height:40px; padding-left:15px;} 
.top_nav_1 a{ color:#fff;}
.c_class{ width:100%; float:left; background:#EEF1F5; height:85px;}
.class_line{ width:55px; float:left; text-align:center; padding-top:38px;}
.class_n{  font-size:20px; float:left;}
.class_n a{line-height:84px; border-bottom:1px solid #EEF1F5; color:#323232;float:left;}
.class_n a:hover{border-bottom:1px solid #043150; color:#16496A;}
.class_n a.on{border-bottom:1px solid #043150; color:#16496A;}
.class_l{ float:left;line-height:84px; width:60px; text-align:center; color:#ccc;}
.pagemain{ width:100%; float:left; padding-top:40px; padding-bottom:40px;}
.page_con{ width:100%; float:left; color:#454545; line-height:190%; padding-bottom:20px;}

/*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) }

.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;}
.n_pageno{ width:100%; height:auto; float:left; margin-top:20px;line-height:45px; text-align:center;}
.n_pageno span a{ padding-left:8px; padding-right:8px; border:1px solid #ddd; padding-top:5px; padding-bottom:5px; margin-left:1px; margin-right:1px;}
.n_pageno span a:hover{ border:1px solid #ff0000;color:#ff0000;}
.n_pageno span a.on{ border:1px solid #ff0000;color:#ff0000;}

.pd1{ padding-right:1%;}

.item_list{position:relative;padding:0px;width:100%; float:left;}
.item{ width:47.5%;background:#fff;padding:0px; margin-left:1%; margin-right:1%; margin-bottom:20px; border:1px solid #eee;}
.item_hover{width:47.5%;padding:0px;overflow:hidden; margin-left:1%; margin-right:1%;margin-bottom:20px;border:1px solid #EB6A30;}
.item dl{padding:0px 0px 0px 0px; margin:0px; width:100%; overflow:hidden;}
.item dl dt img{padding:0px 0px 0px 0px; margin:0px; width:100%; overflow:hidden; height:auto;}
.item dt a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;}
.case_name{margin-top:25px; font-size:16px;}
.case_name a{ color:#000;}
.case_int{color:#999;line-height:20px;padding:10px 0px;} 
.case_int a{color:#999;}
.item_hover .case_int{color:#333;}
.item_hover a:hover{ color:#000;}
.case_tag{text-align:left;margin:10px 0;margin-left:20px;}
.case_tag a{ display:inline-block;background:#666;color:#fff;height:15px;line-height:15px; text-align:center; padding:2px 4px; margin-right:5px;}
.case_tag a:hover{ color:#fff;}

.n_title{ width:100%; height:auto; float:left; padding-bottom:15px; text-align:center; color:#1B2D47;}
.n_dates{ color:#999; font-size:14px; border-bottom:1px dotted #ccc; width:100%; float:left; text-align:center; padding-bottom:10px; line-height:30px;}
.n_con{ width:100%; height:auto; float:left; padding-top:20px; padding-bottom:20px; line-height:180%; font-size:16px;}
.n_con img{ max-width:100%; text-align:center;}
.n_last{ width:94%; float:left; background:#fafafa; padding:3%; line-height:30px;}
.n_last a{ color:#1B2D47;}
.fnt20{ font-size:30px;}
.fnt30{ font-size:40px;}
/*xin wen dong tai*/
.r_con{ width:100%; float:left; padding-top:0px; padding-bottom:30px; line-height:180%;}
.news_list{ width:97%; float:left; padding:2%; margin-bottom:15px; padding-left:1%;}
.news_list .dates{ width:10%; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; }
.news_list .cons{ width:74%; float:left;}
.news_list .cons h1{ font-size:18px;color:#000;}
.news_list .cons h1 a{ color:#000;}
.news_list .cons p{ font-size:14px; color:#999;}
.news_list .mores{ width:16%; float:left; text-align:center; font-size:14px;}
.news_list .mores a{ background:#EB6A30; color:#fff; padding:10px 15px;}
.n_bg1{ background:#f2f2f2;}
.n_bg2{ background:#e3eef7;}

.r_left{ width:77%; float:left; padding-right:3%;}
.r_right{ width:16%; float:left; background:#fafafa; padding:2%;}
.r_right ul{ margin:0px; padding:0px; line-height:30px; width:100%;-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; font-size:14px;}
.r_right ul .fr{ color:#EB6A30;}

.p_con{ width:100%; float:left;}
.p_con .p_list{ width:31.3333%; float:left;padding-top:20px; margin-left:1%; margin-right:1%;}
.p_con .p_list .p_img{ width:100%; float:left; background:#fafafa; height:250px;text-align:center; margin-bottom:35px; padding-top:20px;}
.p_con .p_list .p_img img{ width:90%;}
.p_con .p_list .p_txt{ width:100%; float:left; text-align:center;}
.p_txt a{ color:#333;}

.p_l{ width:100%; float:left; text-align:center;}
.p_l img{ max-width:100%;}
.p_l h3{ font-size:16px; font-weight:100;}

@media(max-width:480px){
body{ font-size:14px;}
.top,.logo_list,.top-head,.cp_show,.b_menu,.frk,.news_list .mores,.r_right,.class_line{ 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;
}

.tops{height:170px;margin-top:80px;}
.top_title{ width:100%; padding-top:35px; float:left; color:#fff; font-size:25px;}
.top_nav{padding-top:18px;}
.top_nav_1{ width:auto;} 

.c_class{height:auto; background:#fff; padding-top:20px;}
.class_line{ width:20px; float:left; text-align:center; padding-top:28px;}

.class_n{ width:48%; margin-left:1%; margin-right:1%;font-size:14px; float:left;}
.class_n a{ width:95%; line-height:45px; border:1px solid #EEF1F5;margin-bottom:5px; padding-left:2%; padding-right:2%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.class_n a:hover{ background:#EB6A30; color:#fff; border-bottom:none;}
.class_n a.on{background:#EB6A30; color:#fff;border-bottom:none;}

.pagemain{padding-top:20px; padding-bottom:20px;}
.page_con{ width:98%; padding-left:1%; padding-right:1%;}
.page_con img{ max-width:100%;}


.news_list{ width:96%; float:left; padding:2%; margin-bottom:15px;}
.news_list .dates{ width:20%;}
.news_list .cons{ width:80%;}
.news_list .cons h1{ font-size:16px;}
.news_list .cons p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.r_left{ width:100%; float:left; padding-right:0%;}
.n_dates{ font-size:12px;}

.item{ width:98%;}
.item_hover{width:98%;}
.case_name{margin-top:15px;}
.case_name a{ color:#000;}
.case_int{padding:10px 0px;} 


.y_tit{ margin-bottom:25px; font-size:18px;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%;}


.p_con .p_list{ width:48%;margin-left:1%; margin-right:1%;}
.p_con .p_list .p_img{ height:150px;text-align:center; margin-bottom:15px;}

.fnt20{ font-size:20px;}
.fnt30{ font-size:25px;}
.foot{ width:96%;line-height:35px; font-size:12px;padding-top:15px; padding-bottom:15px; padding-left:2%; padding-right:2%;}
}