.leftmenu {
    background: #ffffff!important;
}

#header{ height:30px; line-height:30px; background:#E24470;}
#header .search{ border-right:1px solid #E68AA3; height:28px; margin-top:0px; padding-right:15px; margin-right:10px;}
#header .search .sea_t{ height:28px; width:200px; line-height:28px; border:none; background:#fff; vertical-align:top; text-indent:10px; margin-right:10px; display:none;}

#header .search .sea_b{ height:28px; line-height:28px; border:none; background:url(../images/sea.png) left center no-repeat; padding-left:30px; vertical-align:top; cursor:pointer; color:#fff;}
.fr {
    float: right;
}

.tel{ line-height:21px!important; text-align:right;
 padding-left:45px; }
.tel p{ line-height:21px; text-align: right;
}

.iconimg{ 
height: 25px;
}



.telbg{ background-image: url(/img/tel.svg);
    background-size: 29px 19px;
    background-repeat: no-repeat;
    padding-left: 28px;
    background-position-y: 1px;
	    background-position-x: -5px;}

.red{ color:#FF0000; font-size:19px }

html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 {  font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
 
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#2D2E32;  }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}

.edit_con_original{ line-height:1.8; padding:0 0; color:#333; text-align:justify;}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit}
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit}
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}

/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*公用样式end*/
.auto-img { position: relative; overflow: hidden; display:block; }
.auto-img img { position: relative; }

.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center;
background-size:cover; 
-ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}

.ratio-img{ width:100%; height:auto; /*background:url(../img/error.png) center no-repeat #f0f0f0;*/}

.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.3s all; -webkit-transition:0.3s  all; -ms-transition:0.3s  all;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);}

.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.weixin{ position:fixed; width:300px; height:280px; z-index:100000;  left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;}
.weixin .c{ position:absolute; width:30px; height:30px; background:url(../img/x.png); overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px; font-weight:normal;}
.weixin .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;}
.weixin p {  margin:0 1.5%; text-align:center;  }
.weixin .img img{ width:150px; height:150px; display:block; margin:0 auto 10px; }

.en { font-family:Arial, Helvetica, sans-serif; }

.rotate {
	display: inline-block;
	max-width: 100%;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -o-transform;
	transition-property: transform;
	overflow: hidden;
}
.rotate:hover {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


.rotate2 {
	display: inline-block;
	max-width: 100%;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -o-transform;
	transition-property: transform;
	overflow: hidden;
}
.rotate2:hover {
	-webkit-transform:scale(-1,1);  
    -moz-transform:scale(-1,1);  
    transform:scale(-1,1);  
}


a{
  -webkit-transition: all .2s;
  -moz-transition: all .2s; 
  -ms-transition: all .2s;
  transition: all .2s;
 }
 a.more{position: relative;}
 a.more:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100px;
  background: rgba(255,255,255,0.3);
  transition: all .3s;
}
a.more:hover:before{width: 100%;}

.f-12{ font-size:12px;}
.f-14{ font-size:14px;}
.f-16{ font-size:16px;}
.f-17{ font-size:17px;}
.f-18{ font-size:18px;}
.f-19{ font-size:19px;}
.f-20{ font-size:20px;}
.f-22{ font-size:22px;}
.f-23{ font-size:23px;}
.f-24{ font-size:24px;}
.f-26{ font-size:26px;}
.f-28{ font-size:28px;}
.f-30{ font-size:30px;}
.f-32{ font-size:32px;}
.f-34{ font-size:34px;}
.f-36{ font-size:36px;}
.f-40{ font-size:40px;}
.f-45{ font-size:45px;}
.f-70{ font-size:70px;}


.phone_hide { display:block; }
.phone_show { display:none; }


/*导航*/
.header .phone_nav{display: none;}
.header .nav{float: right; width:80%}
.header .nav>ul{float: right; }
.header .nav>ul>li{float: left;height:40px;line-height:40px;
  position: relative; text-align: center;  
  z-index: 9999;    
  transform-origin:left top;
}
.header .nav>ul>li:first-child{}
.header .nav>ul>li a{color: #333333;
  display: inline-block; 
  -webkit-transition:none;
  -moz-transition:none; 
  -ms-transition:none;
  transition:none; padding-left:35px;
  padding-right: 0px
}

.header .nav>ul>li > a{  -ms-transform: skew(40deg,0); }
.header .nav>ul>li a{ font-size:17px; position: relative;z-index: 2;}
.header .nav>ul>li:hover,.header .nav>ul>li.hover{ }
.header .nav>ul>li:hover a,.header .nav>ul>li.hover a{
 
    color: #84499d;
    font-weight: bold;
    
}

.header .nav>ul>li>ul{
display: none;position: absolute;top:40px;
left: 40px;
  width: 160%; background-color:#D870B8; 
  overflow:hidden;border: 1px solid #ffffff;
}
.header .nav>ul>li>ul li a{ color:#FFFFFF }
.header .nav>ul>li:hover>ul{display: block;}
.header .nav>ul>li>ul>li{ padding-left:5px;
width: 130%;line-height: 30px; height: 30px;text-align: left;border-bottom: 1px solid #589f46;}


.header .nav>ul>li>ul>li:last-of-type{border-bottom: 0;}
.header .nav>ul>li>ul>li {/*transform: skew(-33deg,0);
  -ms-transform: skew(-33deg,0);
  transform-origin:left top;
  -ms-transform-origin:left top;*/}
  .header .nav>ul>li>ul>li a {color: #fff;font-size: 16px;display:block; width:120%; margin-left:-10%; }
  
.header .nav>ul>li>ul>li a:hover{color: #fff; background-color:#3399FF }

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

  .header *{box-sizing: border-box;-webkit-box-sizing: border-box;transition:all .3s ease-out;
    -webkit-transition:all .3s ease-out;}
  .header .nav>ul{display: none;}
  .header .nav .phone_nav{display: block;color: #fff;float: right;
    height: 85px;width: 85px;text-align: center;
  }
  /*导航按钮开始*/
  .phone_nav .toggle{position: relative;cursor: pointer;margin-top:18px; height: 35px;}
  .phone_nav .toggle span {
    position: relative;font-size: 0;width: 26px;height: 3px;
    background-color: #da393e;display: inline-block;
  }
  .phone_nav .toggle span:before,.phone_nav .toggle span:after {
    content: "";position: absolute;width: 100%;height: 3px;
    background-color: #da393e;
    left:0px;
  }
  .phone_nav .toggle span:before{top:-7px;}
  .phone_nav .toggle span:after{top:7px;}
  .visible_nav .toggle span{background-color: transparent;}
  .visible_nav .toggle span:before{left:5px;top:0px;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
  }
  .visible_nav .toggle span:after{top:0px;left: 5px;
    transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
  }
  /*导航按钮结束*/
  /*二级导航关闭按钮开始*/
  .hide-submenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    cursor: pointer;
    background-color: #313131;
  }
  .hide-submenu:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
    padding: 4px;
    width: 6px;
    height: 6px;
    cursor: pointer;
    font-size: 0;
    border-bottom: 2px solid #ededed;
    border-right: 2px solid #ededed;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            -ms-transform: rotate(135deg);
    left: 0;
    right: -6px;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
    -ms-transition: opacity 0.1s ease-out;
  }
  .view-submenu .hide-submenu {
    background-color:#061625;
  }
  .view-submenu .hide-submenu:before {
    opacity: 1;
  }
  /*结束*/
  .menu-container{
    top:96px;
    position: absolute;
    left: 0px;bottom:0px;right: 0px;
    visibility:hidden;
    z-index: 99;
    
  }
  .visible_nav .menu-container {
    visibility:visible;
    
  }
  .view-submenu .menu-container {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    
  }
  
  .phone_ul{
    position: absolute;top:20px;bottom: 0px;left:0px;
    right:0px;background-color:#0b2135;
    opacity: 0;
  }
  .visible_nav .phone_ul{
    opacity: 1;top:-8px;
  }
  .phone_ul li{text-align: left;height: 40px;line-height:40px;width:100%;padding:0 30px;border-bottom: 1px solid #112e48;}
  .phone_ul li a{color: #fff;float: left;display: block;width: 80%;}
  .phone_ul li span{float: right;display: block;
    width: 15px;height: 15px;text-indent: -9999px;cursor: pointer;
    position: relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
  }
  .phone_ul li span:after{
    content: "";
    position: absolute;
    top:3px;right:3px;
    border-right:1px solid #fff;border-bottom: 1px solid #fff;
    width: 6px;height: 6px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
  }
  .phone_ul li ul.submenu{
    position: absolute;
    width:100%;
    top: 0;
    left: 100%;
    bottom: 0px;
    background-color:#091e31;
  }
  .submenu li {
    margin-left: 60px;
  }
}

/*以上为导航*/
.header{
    z-index: 9999;
     padding-bottom: 12px;
    top: 0;
    right: 0px;
    background-color: #FFFFFF;
    left: 0px;
    padding-top: 11px;
 
    box-shadow: 1px 1px 4px #dedede;
    max-width: 1920px;
    margin: 0 auto;

}
.header .header_left{float: left;  width:20%}
.header .header_left img{ display: inline-block;margin-top: 0px; height:77px}


.header .header_right{  margin-top:13px; }
.header .header_right>img{width: 100%;}
.header_bottom{height: 2px;width: 95%;margin:70px auto 0;background:#c0c0c0;}

.wrap.top{position: relative;z-index: 99999;}
.header_phone{position: absolute;right:5%;top:10px;color: #fff;font-size:14px; }
.header_phone a{color: #fff;}
.header_phone span{display: inline-block;margin-left: 20px;font-weight: normal;}
.header_phone span a:first-child{margin-right:0px;}
.header_phone span a img{width: 15%; *+width:26px; margin-top: 3px; *+margin-top:1px;margin-right: 5px;}


@media only screen and (max-width: 1700px){
  .header{background-position: 50% 0;}
  .header .header_right{padding-left: 50px;}
}
@media only screen and (max-width: 1300px){
  .header{background-position: 30% 0;}

  .header_phone{right: 60px;}
}

 
@media only screen and (max-width: 1000px){
  .header .header_left img{margin-left: 15%;}
}
@media only screen and (max-width: 767px){
  .header{background-position: 20% 0;height: 65px;}
  .header .header_left img{margin-left: 0;}
  .header .nav .phone_nav{height: 35px;width: 35px;}
  .phone_nav .toggle{margin-top:12px;}
  .menu-container{top:60px;}
  .header .header_left{max-width: 120px;}
  .header .wrap.top{width: 100%;background:#3da6ff;height: 30px;}
  .header_phone{position: static;line-height:30px;padding:0 10px;}
  .header_phone span{float: right;margin-left:5px;}
}
@media only screen and (max-width: 640px){
  .header{background-position: 20% 30px;height:80px;}
  .menu-container{top:65px;}

}
@media only screen and (max-width: 340px){
  .header_phone{font-size: 12px;}
  .header_phone span{text-align: right;font-size: 12px;}
}

@media only screen and (max-width: 1024px){
.f-70{ font-size:50px;}
}

@media only screen and (max-width: 768px){
.f-70{ font-size:40px;}

}

@media only screen and (max-width: 767px){
.f-70{ font-size:30px;}

}


.page_7_envelope {
	animation: page_7_envelope 2s 0s infinite linear;
	-ms-animation: page_7_envelope 2s 0s infinite linear;
	-moz-animation: page_7_envelope 2s 0s infinite linear;
	-webkit-animation: page_7_envelope 2s 0s infinite linear;
}

@keyframes page_7_envelope {
	5% {
		transform: translateX(3px) rotate(2deg);
	}
	10% {
		transform: translateX(-3px) rotate(-2deg);
	}
	15% {
		transform: translateX(3px) rotate(2deg);
	}
	20% {
		transform: translateX(-3px) rotate(-2deg);
	}
	25% {
		transform: translateX(2px) rotate(1deg);
	}
	30% {
		transform: translateX(-2px) rotate(-1deg);
	}
	35% {
		transform: translateX(2px) rotate(1deg);
	}
	40% {
		transform: translateX(-2px) rotate(-1deg);
	}
	45% {
		transform: translateX(1px) rotate(0);
	}
	50% {
		transform: translateX(-1px) rotate(0);
	}
}

@-ms-keyframes page_7_envelope {
	5% {
		-ms-transform: translateX(3px) rotate(2deg);
	}
	10% {
		-ms-transform: translateX(-3px) rotate(-2deg);
	}
	15% {
		-ms-transform: translateX(3px) rotate(2deg);
	}
	20% {
		-ms-transform: translateX(-3px) rotate(-2deg);
	}
	25% {
		-ms-transform: translateX(2px) rotate(1deg);
	}
	30% {
		-ms-transform: translateX(-2px) rotate(-1deg);
	}
	35% {
		-ms-transform: translateX(2px) rotate(1deg);
	}
	40% {
		-ms-transform: translateX(-2px) rotate(-1deg);
	}
	45% {
		-ms-transform: translateX(1px) rotate(0);
	}
	50% {
		-ms-transform: translateX(-1px) rotate(0);
	}
}

@-moz-keyframes page_7_envelope {
	5% {
		-moz-transform: translateX(3px) rotate(2deg);
	}
	10% {
		-moz-transform: translateX(-3px) rotate(-2deg);
	}
	15% {
		-moz-transform: translateX(3px) rotate(2deg);
	}
	20% {
		-moz-transform: translateX(-3px) rotate(-2deg);
	}
	25% {
		-moz-transform: translateX(2px) rotate(1deg);
	}
	30% {
		-moz-transform: translateX(-2px) rotate(-1deg);
	}
	35% {
		-moz-transform: translateX(2px) rotate(1deg);
	}
	40% {
		-moz-transform: translateX(-2px) rotate(-1deg);
	}
	45% {
		-moz-transform: translateX(1px) rotate(0);
	}
	50% {
		-moz-transform: translateX(-1px) rotate(0);
	}
}

@-webkit-keyframes page_7_envelope {
	5% {
		-webkit-transform: translateX(3px) rotate(2deg);
	}
	10% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
	}
	15% {
		-webkit-transform: translateX(3px) rotate(2deg);
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
	}
	25% {
		-webkit-transform: translateX(2px) rotate(1deg);
	}
	30% {
		transform: translateX(-2px) rotate(-1deg);
	}
	35% {
		-webkit-transform: translateX(2px) rotate(1deg);
	}
	40% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
	}
	45% {
		-webkit-transform: translateX(1px) rotate(0);
	}
	50% {
		-webkit-transform: translateX(-1px) rotate(0);
	}
}


.article-box{width: 720px; max-width: 100%; margin:auto;}