@charset "utf-8";
/* CSS Document */
html{ font-size:625%;}
body{ font-size:13px;}
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:#333; font-family:Tahoma, Geneva, sans-serif; line-height:1.5}
a{ color:#333}
a:hover{ color:#fa0; transform: scale(1.0); transition: all 0.3s 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;}

.header{ width:100%; height:auto; background-color:#333; color:#fff; font-size:14px; padding:8px 0 8px 0;}
.header a{ color:#fff}
.header a:hover{ color:#fc0}

.fixed{ width:100%; position:fixed; top:0; z-index:9999; background-color:#fff; border-bottom:solid #ddd 1px;}

.top{ padding:12px 0 12px 0}

.nav > ul > li {
    float: right;
	padding-top:24px;
    }
.nav > ul > li > a {
      text-align: center;
      position: relative;
      display: block;
	  padding:6px 23px 7px 23px;font-size:16px;}
.nav > ul > li > a:hover{ text-decoration:none; color:#fff}
.nav > ul > li > a:before {
        color: #c92f26;
        /*content: url(../images/v.png);*/
        font-size: 16px;
        position: absolute;
        left: 0;
        right: 0;
		bottom:2px;
        visibility: hidden;}
.nav > ul > li.nav-t > a {
      background: #c92f26;}
.nav > ul > li.nav-t > a:before {
        visibility: visible; }
	
.t-menu {
  text-align: left !important;
  z-index: 99999;
  position: absolute;
  top:100%;
  width: 100%;
  left: 0;
  right: 0;
  background: #333;
  border-radius:0 0 8px 8px;
  padding-bottom:15px;}
  .t-menu .t-menubox {
    max-width: 1500px;
    position: relative; }
  .t-menu ul {
    text-align: left;
    float: left;
	}
    .t-menu ul > p {
      color: #1cb5d8;
      font-size: 16px;
      line-height: 2.5em; }
    .t-menu ul > p > a {
      color: #1cb5d8;
      line-height: 2.5em; }
      .t-menu ul > p.two {
        margin-top: 10%; }
    .t-menu ul li {
      text-indent: 1.5em;
      line-height: 2.5em; }
      .t-menu ul li a {
        color: #fbfbfb;
        font-size: 13px;
        line-height: 2em; }
        .t-menu ul li a:hover {
          text-decoration: underline; }
  .t-menu .click {
    width: 133px;
    height: 44px;
    border: 1px solid #1ecdf5;
    text-align: center;
    font-size: 14px;
    line-height: 44px;
    border-radius: 30px;
    position: absolute;
    right: 0;
    bottom: 0; }
    .t-menu .click a {
      display: block;
      width: 100%;
      color: #fff; }

.t-menubox dl{ float:left; width:100%; padding-left:20px;}
.t-menubox dl dt{ padding-bottom:4px; padding-top:10px;}
.t-menubox dl dt a{ color:#fff; font-weight:normal; font-size:15px;}
.t-menubox dl dt a:hover{ color:#fd0}

.nav > ul > .cur .t-menubox dl dt a{ color:#fff; font-weight:normal; font-size:15px; background:none;}
.nav > ul > .cur .t-menubox dl dd a{ color:#999; background:none;}

.t-menubox dl dd a{ color:#999;}
.t-menubox dl dd a:hover{ color:#F90}
.t-menubox dl dd{ padding:3px 0 2px 0; font-size:13px; display:inline-block; margin-right:15px;}
.t-menubox{ padding:5px 15px 19px 0px;}

.nav > ul > .cur a{ background: #c92f26; color:#fff}

.nav-xs{ display:none;}

.sp_header{ width:50px; overflow:hidden;background:#fff; z-index:99999; position:relative; float:right; margin-top:21px;}
.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(70% - 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}


/* 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:-30px; position:relative;z-index:100; margin-bottom:9px;}
.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;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	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;
margin-top: -20px;
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;
}


/**/
.advantage{ width:100%; height:auto; background:url(../images/bg_1.jpg) repeat; padding:25px 0 23px 0}

.advant_1 img{ border-radius:50%}
.advant_2 h3{ font-size:22px; padding-top:25px;}

/**/
.title_1{ width:100%; height:auto; text-align:center; padding-top:22px;}
.title_1 h3{ color:#b32929; font-size:32px; font-variant:small-caps}

.list_index{ width:100%; background-color:#eee; padding:10px; text-align:center; margin-top:20px;}
.list_index p{ font-size:14px; padding-top:9px;}
.list_index:hover{ background-color:#c92f26; transform: scale(1.0); transition: all 0.6s linear;}
.list_index:hover a{ color:#fff}
.list_index:hover a:hover{ color:#fc0}

.list_index_1{cursor: pointer; overflow: hidden; position: relative;}
.list_index_1 img{width: 100%;top: 0;position: relative;left: 0; -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s;}
.list_index_1 img:hover{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);
  -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.list_more{ width:130px; height:auto; display:block; border:solid #c92f26 1px; background-color:#af0000; text-align:center; color:#fff; margin:27px auto 0 auto; padding:5px 0 5px 0; border-radius:22px;}
.list_more:hover{ width:140px; color:#af0000; background-color:#fff; text-decoration:none; transform: scale(1.0); transition: all 0.5s linear;}

/**/
.about{ width:100%; height:auto; background:url(../images/bg_3.jpg) no-repeat center top; margin-top:25px;}
.about .title_1 h3{ color:#fff}

.about_1{ width:100%; height:auto; background-color:#fff; box-shadow:0px 0px 15px #888; margin-top:15px; padding:15px;}
.about_1_a{ width:100%; text-align:center; font-size:14px; line-height:24px; padding-top:8px; color:#666}

.about_1_b a{ width:130px; height:auto; display:block; border:solid #c92f26 1px; background-color:#af0000; text-align:center; color:#fff; margin:13px auto 0 auto; padding:5px 0 5px 0; border-radius:22px;}
.about_1_b a:hover{ width:140px; color:#af0000; background-color:#fff; text-decoration:none; transform: scale(1.0); transition: all 0.5s linear;}

/**/
.one{ width:100%;overflow:hidden;position:relative; height:212px; margin-top:15px;}
.one ul{ width:100000px;position:absolute;left:0;}
.one ul li{display:block;float:left;margin:10px 9px 0 10px; border-radius:5px;position:relative; text-align:center}
.one ul li a{display:inline-block;} 
.one ul li img{border-radius:5px;display:block; width:262px; border:solid #ddd 1px;}
.one ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.one ul li a:hover span{ height:auto; font-size:14px;text-align:center;transition:all 0.4s; border-radius:0 0 5px 5px; padding:5px 0 5px 0}

/**/
.contact_bot{ padding-top:10px; line-height:26px;}
.feedback{ padding-top:10px;}
.feedback p{ color:#c92f26; font-size:14px; padding:2px 0 14px 0;}
.feedback input[type='text']{ width:100%; height:30px; background-color:#f4f4f4; border:solid #e3e3e3 1px; margin:7px 0 10px 0;}
.feedback textarea{ width:100%; height:76px; background-color:#f4f4f4; border:solid #e3e3e3 1px; margin:7px 0 10px 0;}
.feedback input[type='submit']{ width:100px; background-color:#c92f26; text-align:center; color:#fff; font-size:14px; border:none; padding-top:5px; padding-bottom:5px; margin-top:2px; border:solid #c92f26 1px;}
.feedback input[type='submit']:hover{ background-color:#fff; color:#c92f26}
.feedback span{ font-size:14px;}

/**/
.foot{ width:100%; background-color:#333; color:#fff; text-align:center; padding:10px 0 10px 0; margin-top:23px;}

/**/
.banner_in{ width:100%; height:auto; background:url(../images/bg_4.jpg) center fixed; text-align:center; color:#fff; padding:60px 0 60px 0;}
.banner_in h3{ font-size:32px;}
.banner_in p{ color:#aaa; font-size:22px; padding-top:15px;}

/**/
.left_in1{ width:100%; height:auto; background-color:#c92f26; border-left:solid #333 3px; font-size:18px; color:#fff; padding:10px 10px 10px 15px; margin-top:20px;}

.left_in2{ width:100%; height:auto; background-color:#efefef;}

.left_in2 .first {
	border-bottom: 1px solid #d3d3d3;
	background-color:#efefef;
	font-size:15px;
	color:#ea2f36
}
.fa-bars{ margin-top:2px; display:none}
.left_in2 .d-firstNav span {
  display: inline-block;
  /*margin-left: 10px;
  padding-right:10px;
  padding-left:5px;*/
}
.left_in2 .d-firstNav i.fr {
  font-size: 18px;
  margin-top:4px;
  float:right;
  display:none;
}
.left_in2 .s-secondNav,
.left_in2 .s-secondItem {

}
.d-firstNav{ padding:7px 10px 7px 14px;}
.s-secondNav:hover,.d-firstNav:hover{
	background-color:#888;cursor: pointer
}
.left_in2 .d-secondDrop {
  margin-left: 100px;
  margin-top: 10px;
}
.iconRotate {
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.s-firstDrop,
.s-secondDrop {
  /*display: none;*/
  border-top: 1px solid #ccc;
}
.s-secondItem{ border-bottom:dotted #bbb 1px; padding:7px 0 6px 18px; font-size:13px;}
.fa-minus-square-o{ margin-top:4px; margin-right:8px;}

.left_in3{ width:100%; height:auto; border-bottom:solid 1px #c92f26; color:#c92f26; font-size:15px; padding:12px 0 8px 0; font-weight:bold;}
.left_in4{ width:100%; height:auto; font-size:14px; line-height:26px; padding-top:8px;}

/**/
.location{ width:100%; border-bottom:#ddd solid 1px; padding:13px 0 8px 0; font-size:14px;}

.block_1{ width:100%; height:15px;}

.right_1{ width:100%; padding-top:1px;}

.page1{ width:100%; height:auto; margin-top:20px; text-align:center}

.page li{ display:inline-table}
.page li a{ display:block; padding:3px 9px 3px 9px; background-color:#c92f26; color:#eee; border:solid #c92f26 1px; margin:6px 2px 0 2px;}
.page li a:hover{ background-color:#fff; text-decoration:none; color:#c92f26}

/**/
.photo_in1{ width:100%; padding-top:5px;}
.highslide-gallery{ width:100%; text-align:center; margin-top:15px;}
.highslide-gallery img{ border:solid #ddd 5px; margin-bottom:6px;}
.highslide-gallery img:hover{ border:solid #c92f26 5px; transform: scale(1.0); transition: all 0.3s linear;}
.highslide-gallery span{ font-size:14px}

/**/
.download_in1{ width:100%; padding-top:8px;}
.download_in1 ul li{ font-size:14px; padding:10px 0 9px 0; border-bottom:dashed #ddd 1px;}

/**/
.feedback_1{ padding-top:13px;}
.feedback_1 h3{ color:#c92f26; font-size:20px;}
.feedback_1 p{ color:#777; font-size:14px; line-height:22px; padding-top:6px;}

.feedback_2{ padding-top:17px;}
.feedback_2 input[type='text']{ width:100%; height:30px; background-color:#f4f4f4; border:solid #e3e3e3 1px; margin:7px 0 10px 0;}
.feedback_2 textarea{ width:100%; height:76px; background-color:#f4f4f4; border:solid #e3e3e3 1px; margin:7px 0 10px 0;}
.feedback_2 input[type='submit']{ width:100px; background-color:#c92f26; text-align:center; color:#fff; font-size:14px; border:none; padding-top:5px; padding-bottom:5px; margin-top:2px; border:solid #c92f26 1px;}
.feedback_2 input[type='submit']:hover{ background-color:#fff; color:#c92f26}
.feedback_2 span{ font-size:14px;}

/**/
.about_in_1{ width:100%; height:auto}
.about_in_1 h3{ font-size:20px; color:#af0000; padding-top:16px;}

.about_in_1_a{ padding-top:10px; font-size:13px; line-height:22px;}
.about_in_1_a img{ margin:3px 15px 0 0;}

/**/
.contact_in1{ width:100%; font-size:14px; padding-top:12px; line-height:23px;}

/**/
.p_title{ padding-top:10px; font-size:22px;}

.pinfo_in1{ padding-top:14px;}
.pinfo_in1 img{ width:100%; border:solid #e2e2e2 5px;}

.pinfo_in2 h3{ color:#c92f26; font-size:20px; padding-top:15px;}
.pinfo_in2 p{ padding-top:8px; font-size:14px;}
.pinfo_in2 .more{ padding-top:15px;}
.pinfo_in2 img{ width:50px;}

.pinfo_in2 .more a{ width:130px; height:auto; display:block; border:solid #c92f26 1px; background-color:#af0000; text-align:center; color:#fff; padding:3px 0 3px 0; border-radius:22px; font-size:15px;}
.pinfo_in2 .more a:hover{ color:#af0000; background-color:#fff; text-decoration:none; transform: scale(1.0); transition: all 0.5s linear;}

.pinfo_in3{ width:100%; height:auto; border-bottom:solid #999 1px; color:#c92f26; font-size:20px; margin-top:15px; padding-bottom:6px;}
.pinfo_in4{ width:100%; height:auto; padding-top:10px;}

.pinfo_in5{ width:100%; height:auto; padding-top:10px;}
.pinfo_in5 p{ padding-bottom:10px; font-size:14px; color:#888}
.pinfo_in5 input[type="text"]{ width:80%; height:32px; border:solid #dedede 1px; padding-left:30px; margin-bottom:12px;}
.pinfo_in5 textarea{ width:100%; min-height:88px; border:solid #dedede 1px; padding:8px 0 0 6px;}
.pinfo_in5 input[type="submit"]{ width:120px; height:auto; background-color:#c92f26; color:#fff; border:none; text-align:center; padding:5px 0 5px 0; margin-top:10px;}

.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;}


  

@media (max-width:768px)
{
	.header{ text-align:center; padding:10px 0 10px 0;}
	
	.nav{ display:none;}
	.nav-xs{ display:block;}
	
	.advantage{ padding-top:5px;}
	.advant_1{ padding-top:20px;}
	
	.banner_in h3{ font-size:22px;}
    .banner_in p{ font-size:16px;}
	}

@media (min-width:768px) and (max-width:992px)
{
	.nav > ul > li { padding-top:14px;}
	.nav > ul > li > a { padding:4px 8px 4px 8px; font-size:13px;}
	
	.advant_2 h3{ font-size:16px; padding-top:8px;}
	}

@media (min-width:992px) and (max-width:1200px)
{
	.nav > ul > li { padding-top:20px;}
	.nav > ul > li > a { padding:5px 15px 7px 15px; font-size:15px;}
	
	.advant_2 h3{ font-size:20px; padding-top:16px;}
	}