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

/* font family */
@font-face {
    font-family: 'HindSiliguri';
    src: url('../fonts/HindSiliguri-Regular.ttf');
	font-family: 'Sakkal Majalla';
    src: url('../fonts/majalla_0.ttf');
}

html{ font-size:625%;}
/*html { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
		filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    } */
body{ font-size:12px; background:url(../images/body_bg.jpg) no-repeat top center}
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0;}
body,html,input,button,textarea{color:#444; font-family:'Microsoft YaHei', Tahoma, Geneva, sans-serif; line-height:1.5}
a{ color:#444}
a:hover{ color:#F90; transform: scale(1.0); transition: all 0.4s linear;}
ul,li,ol,dl,dt,dd{ list-style:none; padding:0; margin:0;}
img{ max-width:100%}

.f_l{ float:left;}
.f_r{ float:right;}

.txt_1{ color:#ffe200}

.head{ width:100%; height:auto; background-color:#01007f; color:#fff; padding:10px 0 9px 0;}
.head_2{ text-align:right;}
.head_2 a{ color:#fff}
.head_2 a:hover{ color:#Fc0}

.logo{ padding-left:30px;}

.top{ padding-top:10px; padding-bottom:11px; position:relative; z-index:999}

.fixed{ width:100%; position:fixed; top:0; z-index:888; background:url(../images/bg_3.png) repeat; border-bottom:solid #ddd 2px;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  line-height: 1;
}
/*#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #009ae1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}*/
#cssmenu > ul > li {
  float: right;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding:9px 14px 0 14px;  margin:20px 0px 0 0px; font-size:14px; height:34px;
  text-decoration: none;
  text-transform: uppercase
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  background-color:#01007f;
  color:#fff;
}
#cssmenu > ul > li.has-sub > a {
  
}
/*#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #009ae1;
}*/
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul{ background-color:#fff; padding:3px 5px 6px 5px; width:100%; border:solid #01007f 1px; z-index:999999999}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: auto;
  padding:4px 0 5px 0;
  border-bottom:dotted #ddd 1px;
  text-align:center;
}
#cssmenu ul ul li a {
  font-size: 12px;
  background: #fff;
  text-decoration: none;
  color: #444;
  line-height:18px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #f90;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}

.nav-xs{ display:none;}

.sp_header{overflow:hidden;background:#fff; position:fixed; right:0px; margin-right:15px;top:92px;z-index:99999;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:7px}
.sp_nav span{display:block;background:#c9141e;width:30px;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:10px}
.sp_nav span:nth-of-type(3){top:20px}
.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;background:#eee;width:100%;height:calc(90% - 104px);font-size:14px;line-height:36px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; z-index:999}
.m-fixed{ position:fixed;}
.nav_show{top:0px}
.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;}
.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 #ddd solid;margin-left:20px;position:relative;font-size:13px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555; cursor:pointer}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.banner{ position:relative; z-index:0;}

/* rslides */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-32px; position:relative;z-index:100;margin-bottom:14px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 50%;
left: 0;
opacity: 0.6;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 30px;
width: 30px;
background: transparent url("../images/arrows.png") no-repeat left top;
display: none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}


/**/
.title_1{ width:100%; height:auto; text-align:center; padding-top:18px; padding-bottom:10px;}
.title_1 h2{ font-family: 'Sakkal Majalla'; font-size:32px; color:#999; margin-bottom:-8px;}
.title_1 p{ font-size:24px;}
.title_1 p span{ color:#01007f}

.about_1a{ padding-top:10px;}
.about_1a h2{ font-size:20px;}
.about_1a p{ color:#888; font-size:13px; padding-top:2px;}
.about_1b{ line-height:23px; padding-top:8px;}
.about_2{ padding-top:11px;}
.about_2 img{ width:100%;}

.about_3{ width:100px; height:35px; display:block; background-color:#01007f; border:solid #01007f 1px; text-align:center; color:#fff; padding-top:7px; margin-top:10px;}
.about_3:hover{ background-color:#fff; color:#01007f; text-decoration:none;}

/**/
.products{ width:100%; height:auto; background:url(../images/bg_1.png) no-repeat center; margin-top:28px; padding-bottom:26px;}

.title_2{ width:100%; height:auto; text-align:center; padding-top:18px; padding-bottom:15px;}
.title_2 h2{ font-family: 'Sakkal Majalla'; font-size:32px; color:#999; margin-bottom:-8px;}
.title_2 p{ font-size:24px; color:#fff}
.title_2 p span{ color:#ffe200}

.products_1{ margin-top:6px; margin-bottom:5px;}
.products_1 img{ width:100%; border:solid #01007f 2px;}
.products_1 img:hover{ border:solid #ffe200 2px; transform: scale(1.04); transition: all 0.3s linear; opacity:0.8; filter:alpha(opacity=80);}
.products_1 p{ width:100%; background:url(../images/bg_2.png) repeat; text-align:center; color:#fff; font-size:13px; padding:9px 0 10px 0;}
.products_1 p a{ color:#fff;}
.products_1 p a:hover{ color:#FC0}

.products_2{ width:100px; height:35px; display:block; background-color:#ffe200; border:solid #ffe200 1px; text-align:center; padding-top:7px; border-radius:6px; font-size:13px; margin:20px auto 0 auto;}
.products_2:hover{ background-color:#fff; color:#444; text-decoration:none;}

/**/
.news{ width:100%; height:auto; border:solid #ddd 1px; padding:15px 15px 10px 15px; position:relative; margin-top:20px; margin-bottom:5px;}
.news_1{ width:80px; height:32px; background-color:#01007f; text-align:center; color:#fff; margin-top:-32px; padding-top:6px;}
.news_2{ width:100%; height:auto}
.news_2 img{ margin-top:15px; width:100%}
.news_2 img:hover{ opacity:0.7; filter:alpha(opacity=70);}
.news_2 h2{ color:#01007f; font-size:14px; font-weight:bold; line-height:18px; padding:9px 0 0 0;}
.news_2 h2 a{ color:#01007f}
.news_2 h2 a:hover{ color:#F70}
.news_2 p{ color:#999; line-height:20px; padding-top:6px;}

/**/
.foot{ width:100%; height:auto; background:url(../images/bg_2.jpg) center no-repeat; margin-top:20px; padding:26px 0 0 0;}
.foot_1 p{ color:#fff; line-height:22px; /*padding-top:10px;*/}

.foot_2a{ font-size:20px; color:#fff;}
.foot_2b{ width:100%; height:auto; color:#fff; padding-top:7px; line-height:25px;}
.foot_2c p{ line-height:20px; color:#ffe200; padding-top:10px; padding-bottom:12px;}

.input_1{ width:100%; height:33px; background-color:#fff; border:none;}
.input_2{ width:100%; height:33px; background-color:#ffe200; border:none; font-size:16px}
.foot_2c2{ padding-left:0}

.foot_a{ padding-bottom:26px;}
.foot_b{ width:100%; height:auto; background-color:#010139; color:#fff; text-align:center; padding:12px 0 11px 0}
.foot_b a{ color:#fff}
.foot_b a:hover{ color:#fd0}


/*内页*/
.banner_in{ width:100%; height:auto; text-align:center}
.banner_in img{ width:100%}

.location{ width:100%; height:auto; background-color:#f2f2f2; border-bottom:solid #eee 1px; padding:10px 0 6px 0;}

.left_1{ width:100%; height:auto; background-color:#01007f; padding:15px 15px 15px 15px; margin-top:15px;}
.left_1a{ width:100%; height:auto; border-top:solid #fff 1px; border-bottom:solid #fff 1px; text-align:center; color:#fff; font-size:20px; padding:6px 0 6px 0;}
.left_1a span{ color:#ffe200; font-size:13px;}

.left_2{ width:100%; height:auto}
.left_2 dl{ width:100%; height:auto; background-color:#eee; padding:9px 15px 9px 15px; margin-bottom:1px; margin-top:1px; font-size:13px;}
.left_2 dl:hover{ background-color:#01007f}
.left_2 dl:hover dt a{ color:#fff}
.left_2 dl:hover dt a:hover{ color:#ffe200}
.left_2 dl:hover dd{ color:#fff}
.left_2 dl dt{ float:left}
.left_2 dl dd{ float:right; text-align:right}

.left_3{ width:100%; height:auto}
.left_3 img{ width:100%}

.right_1{ width:100%; height:auto; border-bottom:solid #ddd 1px; margin-top:15px; padding-top:8px; padding-bottom:10px; color:#01007f; font-size:16px;}
.right_2{ width:100%; height:auto; padding-top:13px; font-size:13px;}

/**/
.leader_1{ width:100%; height:auto; background-color:#f2f2f2; padding:15px; margin-bottom:12px; margin-top:3px; border-radius:5px; text-align:center;}
/*.leader_1:hover{ background-color:#01007f; transform: scale(1.0); transition: all 0.5s linear;}*/
.leader_1 img{ width:100%; margin-bottom:8px;}
.leader_1 b{ font-size:13px;}
.leader_1 p{ color:#888; font-size:12px; padding-top:5px; line-height:20px; word-wrap: break-word; word-break: normal;}

.page{ text-align:center; margin-top:14px;}
.page ul li{ display:inline-block; background-color:#01007f; border:solid #01007f 1px; color:#fff; padding:3px 8px 3px 8px;}
.page ul li a{ color:#fff}
.page ul li:hover{ color:#01007f; background-color:#fff}
.page ul li:hover a{ color:#01007f; text-decoration:none;}
.page ul li:hover .txt_1{ color:#e60012}

/**/
.photo_1{ margin:5px 0 12px 0;}
.photo_1 img{ width:100%; border:solid #ddd 2px; padding:2px;}
.photo_1 img:hover{  border:solid #01007f 2px; transform: scale(1.02); transition: all 0.4s linear; opacity:0.8; filter:alpha(opacity=80);}
.photo_1 p{ background-color:#ddd; text-align:center; padding:7px 0 12px 0;}
.photo_1:hover p{ background-color:#01007f; color:#fff}

/**/
.news_in1{ border-bottom:dashed #ddd 1px; margin-bottom:9px;}
.news_in1 .news_in1a{ width:86px; height:25px; background-color:#01007f; text-align:center; color:#fff; padding-top:3px; font-size:12px; margin-bottom:9px; margin-top:6px; border-radius:5px;}
.news_in1 .news_in1a b{ font-size:14px;}
.news_in1 .news_in1b p{ color:#888; font-size:12px; padding:5px 0 11px 0; line-height:20px;}

/**/
.pro_in1{ width:100%; height:auto; -moz-box-shadow:0px 0px 15px #ccc; -webkit-box-shadow:0px 0px 15px #ccc; box-shadow:0px 0px 15px #ccc; padding:15px; margin-top:8px; margin-bottom:14px; background-color:#f5f5f5}
.pro_in1 img{ width:100%;}
.pro_in1 img:hover{ transform: scale(1.04); transition: all 0.3s linear; opacity:0.8; filter:alpha(opacity=80);}
.pro_in1 p{ text-align:center; background-color:#01007f; border:solid #01007f 1px; padding:6px 0 7px 0;}
.pro_in1 p a{ color:#fff}
.pro_in1 p:hover{ background-color:#fff;}
.pro_in1 p:hover a{ color:#01007f; text-decoration:none;}

/**/
.jobs_1 td{ padding:8px 10px 8px 10px;}

/**/
.contact_in1{ padding-top:13px;}
.contact_in1 p{ padding-bottom:13px; font-size:14px; color:#666}
.contact_in1 input[type="text"]{ width:100%; height:34px; border:solid #dedede 1px; padding-left:30px; margin-bottom:12px; margin-top:9px; background-color:#fff}
.contact_in1 input[type="text"]:hover{ border:solid #01007f 1px;}
.contact_in1 textarea{ width:100%; min-height:88px; border:solid #dedede 1px; padding:8px 0 0 6px; margin-bottom:12px; margin-top:9px;}
.contact_in1 textarea:hover{ border:solid #01007f 1px;}
.contact_in1 input[type="submit"]{ width:93px; height:34px; background-color:#01007f; border:solid #01007f 1px; color:#fff; border:none; text-align:center; padding-top:0px; margin-top:2px;}
.contact_in1 input[type="submit"]:hover{ border:solid #01007f 1px; color:#01007f; background-color:#fff}
.input_3{ background:url(../images/icon_12.png) no-repeat 8px;}
.input_4{ background:url(../images/icon_13.png) no-repeat 8px;}
.input_5{ background:url(../images/icon_14.png) no-repeat 8px;}
.input_6{ background:url(../images/icon_15.png) no-repeat 8px;}
.contact_in1 b{ font-size:13px;}

.contact_in2{ padding-top:12px; font-size:13px; line-height:25px;}

/**/
.newsinfo_1{ font-size:16px; color:#01007f; text-align:center; padding:2px 0 8px 0;}
.newsinfo_2{ color:#888; font-size:12px; padding:4px 0 4px 0; text-align:center; border-top:dotted #eee 1px; border-bottom:dotted #eee 1px; margin-top:4px;}
.newsinfo_3{ width:100%; height:auto; padding-top:10px; line-height:25px; word-wrap: break-word; word-break: normal;}

/**/
.pinfo_1{ width:100%; height:auto; padding-top:10px; text-align:center}
.pinfo_1 img{ border:solid #ddd 4px;}
.pinfo_1 img:hover{ border:solid #01007f 4px; transform: scale(1.04); transition: all 0.3s linear; opacity:0.8; filter:alpha(opacity=80);}
.pinfo_2{ font-size:16px; color:#01007f; text-align:center; padding:6px 0 8px 0;}
.pinfo_3{ width:100%; height:auto; border-bottom:solid #ddd 1px; margin-top:2px; padding:1px 0 10px 0; font-size:16px; color:#01007f;}
.pinfo_4{ width:100%; height:auto; padding-top:10px; line-height:25px;}



@media (max-width:768px)
{
	.head{ text-align:center}
	.head_2{ text-align:center; padding-top:4px;}
	
	.logo{ padding-left:20px;}
	.menu{ text-align:center}
	
	.menu-pc{ display:none;}
	
	.nav-xs{ display:block;}
	
	.foot{ background-repeat:repeat-y; padding-top:18px;}
	.foot_2{ padding-top:16px;}
	.foot_3{ padding-top:16px;}
	}

@media (min-width:768px) and (max-width:992px)
{
	#cssmenu > ul > li > a{ padding:10px 4px 0 4px; margin:8px 0px 0 0px; font-size:12px;}
	
	.foot_1{ margin-bottom:22px;}
	}

@media (min-width:992px) and (max-width:1200px)
{
	#cssmenu > ul > li > a{ padding:10px 6px 0 6px; margin:17px 0px 0 0px; font-size:13px;}
	
	}