
/*CSS pageinfo style pagination*/

.pageinfo {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.pageinfo A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
.pageinfo A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; COLOR: #000; BORDER-BOTTOM: #000 1px solid
}
.pageinfo A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; COLOR: #000; BORDER-BOTTOM: #000 1px solid
}
.pageinfo SPAN.thisclass {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #000
}
.pageinfo SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}
DIV.digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.digg A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg SPAN.thisclass {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
DIV.digg SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}


*{margin:0;padding:0;border:0;}
body {background-color: #fff; overflow-x:hidden;color: #333;font-size: 12px; font-family: "微软雅黑","Arial", "Microsoft YaHei","Helvetica Neue", "Helvetica", "Arial", "sans-serif";}
body.pos{ overflow-y:hidden; height:100%;}
a { color: #333;
  text-decoration: none;-webkit-tap-highlight-color:transparent;/*-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;*/
  /*-webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;*/
}
a:hover {color: #c01b29;/*text-decoration: underline;*/}
.ky a:hover {color: #056a11;}
.vr a:hover {color: #1a7eb6;}
.dc a:hover {color: #1ab4bb;}
.wc a:hover {color: #957f66;}
.sm a:hover {color: #9c1e22;}
input,select,img{vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
.wrap{clear:both; width:96%;max-width:1600px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both; width:96%;max-width:1600px;margin:0 auto;text-align:left;zoom:1;}

.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.f66{ font-size:66px;}
.f60{ font-size:32px;}
.f58{ font-size:58px;}
.f55{ font-size:55px;}
.f40{ font-size:30px;}
.f36{ font-size:36px;}
.f34{ font-size:34px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f22{ font-size:30px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}

/*PC导航*/
.header-v1{ width:100%; position:fixed; /*overflow:hidden; */height:75px;z-index:10; background:#fff;transition: all 0.3s; /*border-bottom:1px solid #e4e4e4;*/}
.header-v1.bgs2{ background:#fff;}
.nav-hide .header-v1{ height:70px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);border-bottom:0;}
.nav-hide .blank_h{ height:70px;}
.nav-hide .header-v1 .top-main .logo1 img{ height:70px;}


.header-v1 .top-main{ width:96%; max-width:1600px; margin:0 auto;/* position:relative;*/}
.header-v1 .top-main .logo1{ float:left; height:100%; -webkit-animation: logo 0.8s;  animation: logo 0.8s;}
.header-v1 .top-main .logo1 img{ height:75px;transition: all 0.3s;}
.header-v1 .top-main .logo1 img:hover{filter: Alpha(Opacity=90);opacity: 0.9;}
.header-v1 .top-main .logo1 div{ float:left; margin-right:15px; overflow:hidden;}
.header-v1 .top-main .logo1 div.logos{position: relative;transition-duration: .5s;}
.header-v1 .top-main .logo1 div.logos:before{content: "";position: absolute;left: -665px; top: -460px;  width: 220px;  height: 15px; background-color: rgba(255,255,255,.5);  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; -o-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite;}
.header-v1 .top-main .logo1 div.txts{ line-height:75px; color:#5e5e5e; font-size:14px;}
.header-v1 .top-main .logo1 div.txts span{ font-size:10px; font-weight:lighter}
.nav-hide .header-v1 .top-main .logo1 div.txts{ line-height:70px;}
.header-v1 .top-main .top_r{ float:right;}


.header-v1 .top-main .top-main-content{ float:right;opacity:1.0;filter:Alpha(opacity=100);transition:all 0.5s;transform-origin: left center;}
.header-v1 .top-main#showopen .top-main-content{opacity:0;filter:Alpha(opacity=0);transform: scale3d(0, 0, 0);}
.navBar{}
.nav{font-family:"微软雅黑"; float:right;}
.nav li.m{ float:left; text-align:center;margin-right:12px;  position:relative;}
.nav li.m:first-child{ /*background:none; padding-right:0;*/}
.nav h3 a{ height:75px; line-height:75px;display:block;  font-size:15px; font-weight:normal; color:#444444; padding-left:18px; padding-right:18px; text-decoration:none;/*  background:url(../images/nav_bg1.png) right center no-repeat;transition:all 0.3s;*/ overflow:hidden; z-index:0;}
.nav-hide .nav li.m h3 a{ height:70px;line-height:70px;}
.nav h3{ font-weight:normal; position:relative;}
.nav h3 a span{ display:block;position:relative;transition: all 0.3s;height:75px;}
.nav h3 a span:after{content:attr(data-title);position:absolute;/*color:#fff;*/left:0;transform:translateY(100%);width:100%;top:0;}
.nav-hide .nav h3 a span{ height:70px;}
.nav li h3 a:after{content: "";display: block;position: absolute;/*left: 50%;right: 50%;*/bottom: 0px;height: 100%;opacity: 0;background:url(../image/top_bg3.png) #c01b29 center bottom no-repeat;-webkit-transition: all .5s;
-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; z-index:-1;}
.nav li h3 a:hover:after{left: 0%;right: 0%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
/*.nav li#m2 h3 a:after,.nav li#m3 h3 a:after,.nav li#m5 h3 a:after,.nav li#m6 h3 a:after{ height:0;}*/
.nav li#m1 h3 a:after{ background:#bf1b29;}
.nav a:hover{color:#fff;}
.nav a:hover span{transform:translateY(-100%);}
.nav li.on h3 a{ color:#fff;}
.nav li.on h3 a:after{left: 0%;right: 0%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

/*.nav .sub_bg{ position:fixed; width:100%; z-index:109; height:0px; background:rgba(0, 0, 0, 0.6); z-index:109; left:0; top:128px; overflow:hidden;transition:all 0.3s;}
.nav .m:hover .sub_bg{ height:50px;}*/
.nav .sub{ display:none; /*默认隐藏*//*width:100%; left:0;*/width:490px; right:-93px;  padding:0;/*background:rgba(179, 144, 88, 0.5); */ position:absolute; top:75px; z-index:110; background:rgba(255, 255, 255, 0.9);  /*border-top:2px solid #ededed; */ /*border-bottom:1px solid #e6e6e6;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);*/box-shadow: 3.3px 3.5px 15px 6px rgba(0,0,0,0.08);border-radius: 0px 0px 4px 4px;}
.nav-hide .nav .sub{ top:70px;}
/*.nav-hide .nav .sub_bg{ top:90px;}*/
/*.nav .m#m4 .sub{ width:280%; left:-90%;}
.nav .m#m3 .sub{ width:220%; left:-60%;}*/
.nav .sub dl{width:100%; margin:0 auto;  text-align:center;}
.nav .sub dd{ list-style:none; text-decoration:none;}

.nav .sub .sub_dl{ overflow:hidden; max-width:434px; margin:0 auto; width:94%; padding-top:26px; padding-bottom:28px; text-align:left;}
.nav .sub .sub_dl dl{ text-align:left;}
.nav .sub .sub_dl dl dd{ overflow:hidden; float:left;}
.nav .sub .sub_dl dl dd:first-child{ width:90px;margin-right:2px;}
.nav .sub .sub_dl dl dd:first-child a{ height:44px; line-height:44px; overflow:hidden; display:block;transition:all 0.3s;color:#666666;font-size:15px; position:relative;}
.nav .sub .sub_dl dl dd:first-child a:hover{color:#c01b29;text-decoration:none; padding-left:20px;}
.nav .sub .sub_dl dl dd:first-child a:before{ content:""; position:absolute; left:0; width:0; height:1px; top:50%; background:#c01b29;transition:all 0.3s;}
.nav .sub .sub_dl dl dd:first-child a:hover:before{ width:16px;}
.nav .sub .sub_dl dl dd img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.nav .sub .sub_dl dl dd img:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.vr .nav li h3 a:after{ background-color:#1a7eb6;}
.vr .nav li#m1 h3 a:after{ background:#1a7eb6;}
.vr .nav .sub .sub_dl dl dd:first-child a:hover{ color:#1a7eb6;}
.vr .nav .sub .sub_dl dl dd:first-child a:before{background:#1a7eb6;}
.ky .nav li h3 a:after{ background-color:#056a11;}
.ky .nav li#m1 h3 a:after{ background:#056a11;}
.ky .nav .sub .sub_dl dl dd:first-child a:hover{ color:#056a11;}
.ky .nav .sub .sub_dl dl dd:first-child a:before{background:#056a11;}
.dc .nav li h3 a:after{ background-color:#1ab4bb;}
.dc .nav li#m1 h3 a:after{ background:#1ab4bb;}
.dc .nav .sub .sub_dl dl dd:first-child a:hover{ color:#1ab4bb;}
.dc .nav .sub .sub_dl dl dd:first-child a:before{background:#1ab4bb;}
.wc .nav li h3 a:after{ background-color:#957f66;}
.wc .nav li#m1 h3 a:after{ background:#957f66;}
.wc .nav .sub .sub_dl dl dd:first-child a:hover{ color:#957f66;}
.wc .nav .sub .sub_dl dl dd:first-child a:before{background:#957f66;}
.sm .nav li h3 a:after{ background-color:#9c1e22;}
.sm .nav li#m1 h3 a:after{ background:#9c1e22;}
.sm .nav .sub .sub_dl dl dd:first-child a:hover{ color:#9c1e22;}
.sm .nav .sub .sub_dl dl dd:first-child a:before{background:#9c1e22;}

/*滚动条*/
.i_jsq_scroll{ width:98%; margin:0 auto; max-width:1850px;overflow-y: auto; max-height:500px; position:relative; background:url(http://www.histan.com/statics/haishitong/images/top_bg6.png) right top repeat-y;}
.i_jsq_scroll::-webkit-scrollbar { -webkit-appearance: none;}
.i_jsq_scroll::-webkit-scrollbar:vertical { width: 2px;}
.i_jsq_scroll::-webkit-scrollbar-thumb { border-radius: 8px; border:0; background-color: rgba(0, 84, 165, 1.0);}

.blank_h{ height:75px; overflow:hidden;}


/*语言下拉*/
/*.top_language{ float:right;width:75px; padding-left:30px; position:relative; height:30px; text-align:left;  background:url(../image/top_bg5.png) left center no-repeat; margin-top:35px;transition: all 0.3s;}
.nav-hide .top_language{ margin-top:20px;}
.top_language label{background:url(../image/top_bg1.png) right 12px no-repeat; display:block; height:30px; line-height:30px; font-size:14px; color:#777777; transition:all 0.3s;letter-spacing:0.5px; cursor:pointer;}
.top_language ul{width: 100%; display:block;position:absolute; top:30px; left:0; border:1px solid #dcdcdc; background:#fff; z-index:999; display:none;}
.top_language ul li{line-height: 30px; height:30px; overflow:hidden; display:block; border: 1px solid transparent; cursor: pointer; font-size:14px;}
.top_language ul li a{ display:block;width: 100%;display: inline-block;text-align:left; text-indent:11px;}
.top_language ul li a:hover{filter: Alpha(Opacity=90);opacity: 0.9;transition: all 0.3s; background-color:#0075c1; color:#fff;}
.top_language ul li.current a{filter: Alpha(Opacity=90);opacity: 0.9;transition: all 0.3s;background-color:#0075c1; color:#fff;}*/

/*语言下拉2*/
.header-v1 .language{float: right;position: relative; padding-left:15px; margin-left:13px;}
.header-v1 .top-main#showopen .language{ display:none;}
/*.header-v1 .language:after{ content:""; position:absolute; right:0; height:14px; top:50%; margin-top:-7px; width:1px; background:#999999;}*/
.header-v1 .language .btn{ float:left;height: 75px; line-height:75px;background-position:left center; background-repeat:no-repeat; cursor: pointer;transition:all 0.5s;  color:#999999; font-size:14px; font-family:Arial; margin-right:6px; padding-left:9px; position:relative;}
.header-v1 .language .btn:last-child{background-image:url(../image/top_bg1.png);}
/*.header-v1 .language .btn:before{ content:""; position:absolute; width:1px; height:14px; top:50%; margin-top:-7px; background:#cccccc; left:0;}*/
.header-v1 .language:after{ content:""; position:absolute; width:19px; height:100%; top:0; left:0; background:url(../image/top_bg2.png) left center no-repeat;}
.nav-hide .header-v1 .language .btn{ height:70px; line-height:70px;}
/*.header-v1 .language .list { position: absolute; top: 70px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0); z-index: 5; width: 100px; padding-top: 4px; text-align: center; display: none; border:1px solid #eee;}
.nav-hide .header-v1 .language .list { top:58px;}
.header-v1 .language ul {background: #fff;border-radius: 4px; padding: 4px 0; position: relative;}
.header-v1 .language ul::after {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFFFFF;border-width: 4px; margin-left: -4px;}
.header-v1 .language li a {height: 30px; line-height: 30px; display: block; font-size: 14px; color: #333;}
.header-v1 .language li a:hover {color: #c01b29;}*/

/*PC搜索*/
.top-search-overlay{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(102, 102, 102); z-index: 9; opacity: 0.8; display: none;}
.top_search{ float:right;height:50px; margin-top:13px; position:relative;transition:all 0.5s; margin-left:6px; margin-right:6px;}
.nav-hide .top_search{ margin-top:10px;}
.top_search em{background:url(../image/top_bg5.png) center center no-repeat;height:100%; width:26px;cursor:pointer; display:block;float:right; overflow:hidden;transition:all 0.3s;}
/*.nav-hide .top_search em{ background-image:url(../image/head_pic3.png);}*/
.top_search em:Hover{opacity:0.8;filter:Alpha(opacity=80);}
#showopen .top_search em{opacity:0;filter:Alpha(opacity=0);}
.top_search .search_con2{position:absolute;  right:0px; height:50px;z-index:100;transform: scale3d(0, 0, 0);transform-origin: right center;transition:all 0.5s;opacity:0;filter:Alpha(opacity=0);width:500px;}
#showopen .top_search .search_con2{opacity:1.0;filter:Alpha(opacity=100);transform: scale3d(1, 1, 1);}
.top_search .search_con2 .search-input{ width:380px; float:left; height:48px; line-height:48px; overflow:hidden; border:1px solid #d4d4d4; border-radius:5px;font-size: 16px;padding-left: 20px; background:#fff;}
.top_search .search_con2 .input1{ height:48px; line-height:48px; background:none; border:0;width:calc(100% - 57px);width:-webkit-calc(100% - 57px);width:-moz-calc(100% - 57px); float:left; outline:none; font-size:16px; color:#666666; font-family:"微软雅黑";}
.top_search .search_con2 .bnts{ float:right; width:56px; height:48px; background:url(../image/head_pic3.png) center center no-repeat; margin-right:1px; cursor:pointer; border:none;}
.top_search .search_con2 .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_search .search_con2 .moblie-search-close{position: absolute; top: 15px; right: 15px; width:20px; height:20px;background:url(../image/c10.png) center center no-repeat; }
.nav-hide .top_search .search_con2 .moblie-search-close{ background-image:url(../image/c10.png);}

/* 手机导航全局 */
.touch-top{ width:100%; position:fixed; top:0; z-index:99; background:#fff; display:none;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.touch_bg{width:100%; position:fixed; top:0; z-index:8;background:#0d0d0d;display:none;filter: Alpha(Opacity=60);/*IE7 fix*/opacity: 0.6; height:100%;}
.touch-top-wrapper{ width:96%; margin:0 auto;}
.touch-top-wrapper .touch-logo{ float:left;}
.touch-top-wrapper .touch-logo img{height: 75px;display: block;}
.touch-navigation { display:block; }

	.touch-toggle { position:absolute; right:10px; top:0; }

	.touch-toggle li { float:left; height:70px; padding:0 6px; text-align:center; }

	.touch-toggle li a { height:70px; }

	.touch-toggle li:hover, .touch-toggle li:active { }

	.touch-toggle .touch-toggle-item-first { border-left:none; }

	.touch-toggle .touch-toggle-item-last { border-right:none; }

	.touch-toggle li a { display:block; font-size:12px; }	

	.touch-toggle li i { display:inline-block; width:32px; height:32px; overflow:hidden; /*margin-top:20px;*/margin-top:24px; background-repeat:no-repeat; background-position:center center; background-size:contain; }

	.touch-toggle .touch-icon-language { background-image:url(../image/top_bg1.png); }

	.touch-toggle .touch-icon-user { background-image:url(http://www.histan.com/statics/haishitong/images/i_bg5.png); }

	.touch-toggle .touch-icon-search { background-image:url(../image/head_pic2.png); }

	.touch-toggle .touch-icon-menu { background-image:url(../image/head_pic1.png); }
	.touch-toggle .top_ico{ width:26px; height:70px; position:relative;  cursor:pointer;transition:all 0.3s; margin-top:4px;}
	.touch-toggle .top_ico i{ display:block; font-size:0;width: 26px;height: 2px;z-index: 1; left: 50%; margin-left:-13px; position:absolute;  top: 0;  background: #666666; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;-ms-transition: 0.6s; -o-transition: 0.6s; overflow: hidden; margin-top:25px;}
	.touch-toggle .top_ico i:nth-child(2){ top:10px;}
	.touch-toggle .top_ico i:nth-child(3){ top:20px;}
	/*.nav-hide .header-v1 .top_ico i{ margin-top:26px;}*/
	.touch-toggle .top_ico:hover i{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
	.touch-toggle .top_ico i span{width: 2px; height: 2px; margin-left: 3px;  float: left; background: #fff;}
	.touch-toggle .top_ico.on{ margin-top:8px;}
	.touch-toggle .top_ico.on i:nth-child(1){top: 6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); -moz-transform: rotate(45deg);}
	.touch-toggle .top_ico.on i:nth-child(2){opacity: 0;}
	.touch-toggle .top_ico.on i:nth-child(3){top: 6px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
	.touch-toggle .top_ico.on i span{display: none;}

	.touch-toggle li span { display:none; text-align:center; }
	.drawer-section {/* background-color:#40312f; padding:20px;*/ display:none; }	

	.drawer-section-menu {/* padding:20px 20px 35px;*/  /*padding:0px 0px 35px;*/}

	.touch-toggle-content{ clear:both;}
	.touch-menu{ clear:both;}
	.touch-menu ul li { border-bottom:1px solid #eee; position:relative; }

	.touch-menu ul li a{ color:#333; display:block; font-size:16px; height:48px; line-height:48px;/* padding-left:10px;*/  padding-left:2%;}

	.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#c01b29; color:#fff; }	
	.touch-menu ul li.tels a{ display:inline-block;}
	.touch-menu ul li.tels a:hover{ background:none; color:#c01b29;}
	.touch-menu ul li i { position:absolute; top:14px;/* right:5px;*/ right:25px;  display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; }

	.touch-menu ul li i.touch-arrow-right { display:none; background-image:url(http://www.histan.com/statics/haishitong/images/touch-arrow-r.png); }

	.touch-menu ul li i.touch-arrow-down { background-image:url(../image/touch-arrow-d.png); }

	.touch-menu ul li i.touch-arrow-up { background-image:url(../image/touch-arrow-u.png); }
	.touch-menu ul li a:hover i.touch-arrow-down {background-image:url(../image/touch-arrow-d2.png); }
	.touch-menu ul li a:hover i.touch-arrow-up {background-image:url(../image/touch-arrow-u2.png); }

	.touch-menu ul ul { display:none; margin:0;/* padding:0 10px 30px 30px;*/ padding:0 0px 15px 0px; }

	.touch-menu ul ul li { border-bottom:none; margin:0; padding:0; }

	.touch-menu ul ul li a { padding:0; padding-left:3%; font-size:15px; height:38px; line-height:38px; text-transform:uppercase; }		

	.touch-menu ul ul li i { top:13px; }
.touch-menu .closetitle{ padding-top:10px; padding-bottom:12px; text-align:center;}
.touch-menu .closetitle img{ margin:0 auto;  height:20px; width:auto;}

.ky .touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#056a11;}	
.ky .touch-menu ul li.tels a:hover{ color:#056a11;}
.vr .touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#1a7eb6;}	
.vr .touch-menu ul li.tels a:hover{ color:#1a7eb6;}
.dc .touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#1ab4bb;}	
.dc .touch-menu ul li.tels a:hover{ color:#1ab4bb;}
.wc .touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#957f66;}	
.wc .touch-menu ul li.tels a:hover{ color:#957f66;}
.sm .touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#9c1e22;}	
.sm .touch-menu ul li.tels a:hover{ color:#9c1e22;}
/*手机弹出搜索*/
.search_div{ clear:both; width:100%;  overflow:hidden;padding-top:2%; padding-bottom:2%; display:none; /*z-index:999;*/}
.search_div .search_con{ width:92%; margin:0 auto; border:1px solid #cdcdcd; height:40px; line-height:40px;}
.search_div .search_con .input1{ text-indent:15px; width:88%; float:left; border:0; background:none; height:100%; font-size:16px; outline:none; color:#bbb;}
.search_div .search_con .bnt1{-webkit-appearance: none; float:right; width:12%; max-width:60px; background:url(../image/head_pic2.png) 50% center no-repeat; background-size:auto 55%; border:0; height:100%; cursor:pointer;}


/*尾部*/
.f_bg_div{ max-width:1600px; width:96%; margin:0 auto;}

.f_div3{ clear:both;border-top:1px solid #de000f; line-height:32px; padding-top:10px; padding-bottom:10px; color:#7d7f81; font-size:14px; font-weight:lighter;} 
.f_div3 .l{ margin-right:18px;}
.f_div3 a{ color:#7d7f81;transition:all 0.3s;}
.f_div3 a:hover{ color:#c01b29;}

.gotop{ position:fixed; bottom:10%; right:1%; width:44px; height:44px; background:url(../image/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; display:none; }
.gotop.actives{ display:block;}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}
.ky .gotop{ background-image:url(../image/gotop1.png);}
.vr .gotop{ background-image:url(../image/gotop2.png);}
.dc .gotop{ background-image:url(../image/gotop3.png);}
.wc .gotop{ background-image:url(../image/gotop4.png);}
.sm .gotop{ background-image:url(../image/gotop5.png);}

.right_ul{ float:right;height:32px; width:100px; position:relative; }
.right_ul label{ display:block; height:30px; line-height:30px; border:1px solid #d2d2d2; padding-left:10px; padding-right:20px;background-color:#fff;transition:all 0.3s; background-repeat:no-repeat; background-position: right 9px center; background-image:url(../image/foot_bg1.png); cursor:pointer;}
.right_ul#on label{ border:1px solid #c01b29; background-color:#c01b29; color:#fff; background-image:url(../image/foot_bg1_on.png);}
.right_ul ul{ position:absolute; width:100%; bottom:32px; z-index:2; overflow:hidden; left:0; background:rgba(255,255,255,0.85);transition:all 0.3s; height:0;}
.right_ul#on ul{ height:auto;padding-top:5px; padding-bottom:2px; }
.right_ul ul li{ width:100%; height:30px; display:block;overflow:hidden; text-align:center; font-size:14px;}
.right_ul ul li a{display:block; height:30px; line-height:30px; position:relative; overflow:hidden; color:#222222;font-weight:normal;}
.right_ul ul li:hover a{ color:#c01b29;}
.right_ul ul li a:after{ content:""; position:absolute; left:0; height:0px; width:2px; background:#de000f; top:50%;transition:all 0.3s;}
.right_ul ul li:hover a:after{ height:15px; margin-top:-8px;}
.right_ul ul li:last-child a{ border:0;}


/*微信弹窗*/
#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}


/*导航菜单-二级菜单*/
.dh1{display: block; -webkit-animation: dhli 0.8s;animation: dhli 0.8s;}
.dh2{display: block; -webkit-animation: dhli 1.0s;animation: dhli 1.0s;}
.dh3{display: block; -webkit-animation: dhli 1.2s;animation: dhli 1.2s;}
.dh4{display: block; -webkit-animation: dhli 1.4s;animation: dhli 1.4s;}
.dh5{display: block; -webkit-animation: dhli 1.6s;animation: dhli 1.6s;}
.dh6{display: block; -webkit-animation: dhli 1.8s;animation: dhli 1.8s;}
.dh7{display: block; -webkit-animation: dhli 2.0s;animation: dhli 2.0s;}
.dh8{display: block; -webkit-animation: dhli 2.2s;animation: dhli 2.2s;}
.dh9{display: block; -webkit-animation: dhli 2.4s;animation: dhli 2.4s;}

@-webkit-keyframes dhli {  
0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
@keyframes dhli { 
0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
/*nav-end*/
@-webkit-keyframes logo {  
0%{ opacity:0;-webkit-transform:translate(-10px,-20px); }}
@keyframes logo {  
0%{ opacity:0;transform:translate(-10px,-20px); }}
@-webkit-keyframes nav-lianjie {  
0%{ opacity:0;-webkit-transform:translate(50px,0px); }}
@keyframes nav-lianjie {  
0%{ opacity:0;transform:translate(50px,0px); }}
@-webkit-keyframes top_jy {  
0%{ opacity:0;-webkit-transform:translate(20px,-40px); }}
@keyframes top_jy {  
0%{ opacity:0;transform:translate(20px,-40px); }}
@-webkit-keyframes nav-box {  
0%{ opacity:0;-webkit-transform:translate(-50px,0px); }}
@keyframes nav-box {  
0%{ opacity:0;transform:translate(-50px,0px); }}
@-webkit-keyframes hover-wen {  
0%   { text-indent:0;}
50%  { text-indent:5px;}
100% { text-indent:0;}
}
@keyframes hover-wen {  
0%   { text-indent:0;}
50%  { text-indent:5px;}
100% { text-indent:0;}
}
@-webkit-keyframes hover-img {  
0%   {transform:scale(1);}
50%  {transform:scale(1.05);}
100% {transform:scale(1);}
}
@keyframes hover-img {  
0%   {transform:scale(1);}
50%  {transform:scale(1.05);}
100% {transform:scale(1);}
}
@-webkit-keyframes more-img {  
0%   {right:5px;}
50%  {right:10px;}
100% {right:5px;}
}
@keyframes more-img {  
0%   {right:5px;}
50%  {right:10px;}
100% {right:5px;}
}
@-webkit-keyframes lianjie {  
0%   {background-position:20px center;}
50%  {background-position:10px center;}
100% {background-position:20px center;}
}
@keyframes lianjie {  
0%   {background-position:20px center;}
50%  {background-position:10px center;}
100% {background-position:20px center;}
}
@-webkit-keyframes liebiao {  
0%   {background-position:20px center; background-color:none;}
25%  {background-position:15px center;background-color:#fff9ed;}
50%  {background-position:10px center;background-color:#feeeca;}
75%  {background-position:15px center;background-color:#fff9ed;}
100% {background-position:20px center;background-color:none;}
}
@keyframes liebiao {  
0%   {background-position:20px center; background-color:none;}
25%  {background-position:15px center;background-color:#fff9ed;}
50%  {background-position:10px center;background-color:#feeeca;}
75%  {background-position:15px center;background-color:#fff9ed;}
100% {background-position:20px center;background-color:none;}
}



@media screen and (max-width: 1660px) {
/*PC搜索*/

}
@media screen and (max-width: 1500px) {
/*PC导航*/
.nav h3 a{ font-size:15px;}





/*PC搜索*/



}
@media screen and (max-width: 1440px) {
.f66{ font-size:56px;}
.f60{ font-size:50px;}
.f58{ font-size:49px;}
.f55{ font-size:48px;}
.f40{ font-size:36px;}
.f36{ font-size:32px;}
.f34{ font-size:31px;}
.f32{ font-size:30px;}
.f30{ font-size:28px;}
/*PC导航*/




}
@media screen and (max-width: 1360px) {
/*PC导航*/
.nav h3 a{ font-size:14px;}


/*PC搜索*/
.top_search{ margin-left:2px; margin-right:2px;}
}
@media screen and (max-width: 1310px) {
/*PC导航*/
.nav li.m{ margin-right:10px;}


}
@media screen and (max-width: 1260px) {
/*PC导航*/
.nav li.m{ margin-right:8px;}


}
@media screen and (max-width: 1200px) {
/*PC导航*/
.nav li.m{ margin-right:5px;}


}
@media screen and (max-width: 1100px) {
.f66{ font-size:48px;}
.f60{ font-size:46px;}
.f58{ font-size:45px;}
.f55{ font-size:44px;}
.f40{ font-size:32px;}
.f36{ font-size:30px;}
.f34{ font-size:29px;}
.f32{ font-size:28px;}
.f30{ font-size:26px;}
.f26{ font-size:22px;}
.f24{ font-size:20px;}
.f22{ font-size:19px;}
.f20{ font-size:18px;}
.f18{ font-size:16px;}
/*PC导航*/
/* 手机导航全局 */
.blank_h{ height:75px;}
.nav-hide .blank_h{ height:75px;}
.header-v1{ display:none;}
.touch-top{ display:block;}




.foot_a ul li{ margin-left:5px;}

}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 960px) {
.f66{ font-size:44px;}
.f60{ font-size:42px;}
.f58{ font-size:41px;}
.f55{ font-size:40px;}
.f40{ font-size:30px;}
.f36{ font-size:28px;}
.f34{ font-size:27px;}
.f32{ font-size:26px;}
.f30{ font-size:24px;}
.f26{ font-size:20px;}
.f24{ font-size:18px;}
.f22{ font-size:17px;}
.f20{ font-size:16px;}
.f18{ font-size:14px;}
/*尾部*/
.f_div3{ line-height:24px;}
.f_div3 .l{ float:none; display:block;}
.right_ul{ margin-top:-44px;}


}
@media screen and (max-width: 830px) {
.f66{ font-size:40px;}
.f60{ font-size:38px;}
.f58{ font-size:37px;}
.f55{ font-size:36px;}
.f40{ font-size:28px;}
.f36{ font-size:26px;}
.f34{ font-size:25px;}




}
@media screen and (max-width: 780px) {
/*右边浮动客服*/
.side{ display:none;}
.right_ul{ display:block;}
/*尾部*/
.gotop.actives{ display:block;}

}

@media screen and (max-width: 640px) {
.f66{ font-size:36px;}
.f60{ font-size:32px;}
.f58{ font-size:32px;}
.f55{ font-size:31px;}
.f40{ font-size:26px;}
.f36{ font-size:24px;}
.f34{ font-size:23px;}
.f32{ font-size:22px;}
.f30{ font-size:20px;}
.f26{ font-size:17px;}
.f24{ font-size:16px;}
.f22{ font-size:15px;}
/*.f20{ font-size:14px;}
.f18{ font-size:13px;}*/
/* 手机导航全局 */
.blank_h{ height:75px;}
/*.nav-hide .blank_h{ height:80px;}*/
.touch-top-wrapper .touch-logo img{ height:75px;}
.touch-toggle li i{ margin-top:24px;}
.touch-menu ul li a{ font-size:15px; height:40px; line-height:40px;}
.touch-menu ul ul li a{ font-size:14px;height:32px; line-height:32px;}
.touch-toggle .top_ico{ margin-top:4px;}
.touch-toggle .top_ico.on{ margin-top:8px;}
/*尾部*/
.f_div3{ line-height:22px; font-size:13px;}
.right_ul{ margin-top:-40px;}
.gotop.actives{ display:block;}

}
@media screen and (max-width: 520px) {
/* 手机导航全局 */
.blank_h{ height:70px;}
.nav-hide .blank_h{ height:70px;}
.touch-top-wrapper .touch-logo img{ height:70px;}
.touch-toggle li{ padding-left:4px; padding-right:4px;}
.touch-toggle li i{ width:26px; height:26px; margin-top:23px;}
.touch-menu ul li a{ font-size:14px; height:36px; line-height:36px;}
.touch-menu ul ul li a{ font-size:13px;}
.touch-toggle .top_ico{ margin-top:0;}
.touch-toggle .top_ico.on{ margin-top:4px;}
/*尾部*/
.f_div3{ line-height:20px; text-align:center; font-size:12px;}
.f_div3 .l{ margin-right:0;}
.right_ul{ margin-top:12px; float:none; width:100%;}

}
@media screen and (max-width: 480px) {
.f66{ font-size:31px;}
.f60{ font-size:28px;}
.f58{ font-size:27px;}
.f55{ font-size:27px;}
.f40{ font-size:24px;}
.f36{ font-size:22px;}
.f34{ font-size:20px;}
.f26{ font-size:15px;}

.postions .postions_r img{ width:14px; margin-top:-2px;}





/* 手机导航全局 */
.blank_h{ height:60px;}
.nav-hide .blank_h{ height:60px;}
.touch-top-wrapper .touch-logo img{ height:60px;}
.touch-toggle li{ height:60px;}
.touch-toggle li a{ height:60px;}
.touch-toggle li i{ margin-top:17px;}
.touch-toggle .top_ico{ height:60px;}
.touch-toggle .top_ico i{ margin-top:20px;}

}
@media screen and (max-width: 420px) {
.f66{ font-size:30px;}
.f34{ font-size:19px;}
}
@media screen and (max-width: 360px) {
.f66{ font-size:27px;}
.f60{ font-size:26px;}
.f58{ font-size:25px;}
.f55{ font-size:25px;}
.f36{ font-size:20px;}
.f34{ font-size:18px;}
.f32{ font-size:18px;}
.f30{ font-size:18px;}
.f20{ font-size:15px;}



}

.anim-show .imgsa1{animation:mymove8 0.6s; -webkit-animation:mymove8 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.1s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.1s;
}
.anim-show .imgsa2{animation:mymove7 0.6s; -webkit-animation:mymove7 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.1s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.1s;
}

@-webkit-keyframes logo {  
0%{ opacity:0;-webkit-transform:translate(-10px,-20px); }}
@keyframes logo {  
0%{ opacity:0;transform:translate(-10px,-20px); }}

@-webkit-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@-o-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@-moz-keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}

@keyframes searchLights {
    0% {
        left: -100px;
        top: 0;
    }

    to {
        left: 120px;
        top: 100px;
    }
}