@charset "gb2312";
/* CSS Document */
*{font-family: "Microsoft YaHei";}
body{ margin:0px; font-size:14px;color:#555555;}

a{color:#000; text-decoration:none;}
a:link{color:#555555; text-decoration:none;}
a:hover{color:#0d518d;text-decoration:none;}
ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; list-style:none;}
.h10{height:10px; line-height:10px;}
.h30{height:30px; line-height:30px;}
.h50{height:50px; line-height:50px;}
.h100{height:100px; line-height:100px;}
.box{width:94%; margin:0 auto;}
.box:after{content:"";display:block;clear:both;}
.box.margin{margin:66px auto;}
i, em{font-style:normal;}
.mt10{margin-top:10px}
.clear{clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.topkong{height:60px;line-height: 60px;}
#top{ height:60px; margin:0 auto;padding:0px 3%;position:fixed;top:0px;left:0px;width:94%;z-index:10000; background:#FFF}
#top a.menu{display:block;width:10%;height:60px;color:#e30019;text-align:right;float:right;}
#top a.menu i{margin-top:16px;}
#top .logo{width:80%;height:60px;float:left;}
#top .logo a{display:block;background:url('../images/botailogo.png') no-repeat left; background-size:auto 96%;width:100%;height:100%;}
input,textarea{border:none;font-family:"Microsoft Yahei"; font-size:13px;}
#nav{position:absolute;width:100%;top:60px;right:0px;z-index:1000;overflow:hidden;height:0px;}
#nav:after{content:"";display:block;clear:both;}
.tabs{width:35%;float:right;background:#f1f1f1;padding-top:10px;}
.tabs li{background:#e30019;margin-bottom:5px;}
.tabs li a{display: block;padding:5px 10px;outline: none;font-size:16px; color:#ffffff}
.tabs li a:hover {background:none;text-decoration:none; color:#FFF}   
.tabs .thistab a,.tabs .thistab a:hover{background: #f9f9f9;color:#ffffff;}
.tab_conbox{width:64%;float:left;background:#f9f9f9;padding:20px 3%;height:95%;}
.tab_con{ display:none;font-size: 14px;height:100%;overflow:auto;line-height:2em;}
.tab_con dl{width:100%;float:left; height:10em;margin-bottom:10px;}
.tab_con dl.dan dt{margin-bottom:15px;padding-left:15px;}
.tab_con dl:after{content:"";display:block;clear:both;}
.tab_con dl dt{font-size:16px;font-weight:bold;}
.tab_con dl dt:before,
.tab_con dl dt:after{content:"";display:block;clear:both;}
.tab_con dl dd{float:left;padding-right:20px;font-size:14px;}
@media only screen and (max-width:360px){
	.tabs li a{font-size:16px;}
	.tab_con dl dt{font-size:14px;}
	.tab_con dl.dan dt{margin-bottom:10px;}
}
@media only screen and (max-width:320px){
	.tabs li a{font-size:14px;}
}
#navigation { padding:0px; border: 0px solid red;  clear:both; overflow:hidden}
#navigation table{background:#045695; /*边框颜色*/width:100%; margin:0px auto; border-spacing:1px; border-collapse:separate}
#navigation td{background:#072d6b; /*单元格底色*/}
#navigation a{line-height:35px;font-size:16px;color:#fff;overflow:hidden;display:block;text-align:center;}
#navigation a.current{ background: #072d6b; color:#fff}

#owl-banner { z-index:1; }
#owl-banner .owl-item img{ display: block; width: 100%; height: auto;z-index:1;}
#owl-banner .owl-item{position:relative;}
#owl-banner .owl-item .c{position:absolute;left:5%;width:90%;top:80px;text-align:left;z-index:10000000000;color:#fff;}
#owl-banner .owl-item .c h2{font-size:18px;color:#fff;line-height:30px;}
#owl-banner .owl-controls { margin-top:0px;}
#owl-banner .owl-buttons { position: absolute; width: 100%; top: 50%; left: 0px; right: 0px; }
#owl-banner .owl-buttons .owl-prev { background-color:transparent; position: absolute; left: 15px; top: -30px; background-image: url(owl_prev.png); background-repeat: no-repeat; background-position: center center; height: 59px; width: 32px; text-indent: -9999px; }
#owl-banner .owl-buttons .owl-next { background-color:transparent; position: absolute; top: -30px; right: 15px; background-image: url(owl_next.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; height: 59px; width: 32px; }
#owl-banner .owl-pagination{ z-index:10; display:none;}
#owl-banner .owl-pagination .owl-page{ z-index:10;}
#owl-banner .owl-pagination .owl-page span { background-color: #5aaee6; height: 14px; width: 14px; border-radius:14px}
#owl-banner .owl-pagination .owl-page .active span { background-color:#388bc3; z-index:10;}
.left_title{  clear:both; }
.left_title h2 { margin-top:10px;text-align:center; overflow:hidden; padding-top:15px }
.left_title h2 a { color:#de0000; padding:1px 8px;    font-size: 18px;line-height: 34px; }
.left_title h2 a:active{ color:#000; }
.left_title p{ text-align: center;padding:3px 5px; margin:0;font-size: 14px;}
.left_body{ padding:15px 5px; overflow:hidden; }
.left_bottom { clear:both; height:5px; }

.ilm{font-size:20px;text-align: center;padding-top:30px; color:#103861;font-weight:bold;}
.ilm span{color:#005dcb;padding-left:15px;}

.custom{margin-bottom:8px;}
.custom ul{padding-top:20px;margin:0px -1.5%;}
.custom ul:after{content:"";display:block;clear:both;}
.custom ul li{width:30.33%;margin:0px 1.5%;float:left;box-sizing:border-box;border:solid 1px #c5c5c5;margin-bottom:12px;}

#owl-type{border-top:solid 5px #113861;margin-bottom:8px;}
#owl-type .owl-controls { margin-top:0px;}
#owl-type .owl-buttons { position: absolute; width: 100%; top: 50%; left: 0px; right: 0px; }
#owl-type .owl-buttons .owl-prev { background-color:transparent; position: absolute; left: 15px; top: -30px; background-image: url(owl_prev.png); background-repeat: no-repeat; background-position: center center; height: 59px; width: 32px; text-indent: -9999px; }
#owl-type .owl-buttons .owl-next { background-color:transparent; position: absolute; top: -30px; right: 15px; background-image: url(owl_next.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; height: 59px; width: 32px; }

.producta{padding:20px 0 0 0;}
.product{padding-bottom:30px;}
.product ul{margin:0px -1.5%;}
.product ul:after{content:'';display:block;clear:both;}
.product ul li{width:47%;margin:8px 1.5%;float:left;box-sizing: border-box;border:solid 1px #c5c5c5;}
.product ul li img{display:block;width:100%;}
.product ul li .tcp_des{width:90%;margin:0 auto;margin-bottom:10px;height: 48px; line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product ul li .tcp_des a{color:#f6ab00;}
.product ul li .tcp_title{height: 40px; line-height: 40px;background:#575757;text-align:center;color:#fff;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.product ul li .tcp_title a{color:#fff;}

.case{background:url('/templets/default/images/anli_bj.png') no-repeat;background-size:100% 100%;padding-bottom:20px;}
.case .ilm{color:#ffcc00;}
.case .ilm span{color:#fff;}
.case #owl-case{padding-top:20px;}
.case .item{margin:0px 3%;background:#fff;padding-bottom:8px;}
.case .item span{display: block;line-height: 30px;text-align: center;color: #333333;font-size: 16px}
.case .item a{line-height: 20px;text-align: center;color: #007bd9;display: block}

.youshi .ilm{padding-bottom:8px;}
.youshi .l{}
.youshi .l dl{display: flex;margin:12px 0;}
.youshi .l dt{width:35px;height:60px;background:url('/templets/default/images/fivez_bj.png') no-repeat left;background-size:100% 100%; line-height: 60px;text-align: center;font-size:20px;color:#fff;margi-right:15px;}
.youshi .l dd{zoom:1;padding-right:40px;background:url('r.png') no-repeat right;background-size:30px 30px;height: 60px;width: 100%;}
.youshi .l dd strong{padding-left:15px;font-size:16px; line-height: 20px;}
.youshi .l dd p{padding:0px;margin:0px;padding-left:15px;padding-top:5px;color:#007bd9;line-height: 17px;}
.youshi .l dd.a{zoom:2}

.about{}
.about .t{font-size: 20px;fong-weight:bold;height:1px; line-height: 1px ;background:#007bd9; position: relative;margin:40px 0 20px 0;}
.about .t div{position:absolute;width:100%;height:40px; line-height: 40px;left:0px;top:-20px;text-align: center;}
.about .t div span{background:#fff;padding:0px 10px;font-weight:bold;color:#0d2f52;}
.about .c{font-size:16px;line-height: 200%;}
.about #owl-shipai{padding-top:15px;}
.about #owl-shipai .item{margin:0px 3%;}

.news{padding-top:30px;}
.news .t{font-size:20px;font-weight:bold;}
.news .t:after{clear:both;display:block;content:'';}
.news .t li{width: 50%;box-sizing: border-box;padding:0 3%;float:left;}
.news .t li:first-child{text-align: right;}
.news .t li a{color:#a3a5a0;}
.news .t li.thistab a{color:#0d2f52;}
.news .m{font-size: 16px;height:1px; line-height: 1px ;background:#007bd9; position: relative;margin:20px 0 20px 0;}
.news .m div{position:absolute;width:100%;height:40px; line-height: 40px;left:0px;top:-20px;text-align: center;}
.news .m div span{background:#fff;padding:0px 10px;font-weight:bold;color:#0d2f52;}

.title{position: relative; padding: 0 5%; font-size: 1.0em; height: 1.8em; line-height: 1.8em; font-weight: bold; background: #e36d04; overflow: hidden;}
.title .tit_tx{float: left;color: #fff;}
.title i{float: right;font: 0.83em/2.2em "Arial";color: #fff;padding-top: 0.1em;}
.line1{position: relative;background: url(../images/t1.png);background-size: 100% 100%;height: 4.2em;}
.line1 img{width: 100%;display: block;}
.line1 .p1{position: absolute;left:0;width: 100%;text-align: center;font: bold 1.8em/1.4em "Microsoft YaHei";color: #0075c2;}
.line1 .p1 a{color: #ff9600;}
.line1 .p1 em{ width: 80%; overflow: hidden; display: block; line-height: 1.5em; height: 1.5em; margin: 0 auto;}
.line1 .p1 span{color: #ff9600; display: inline-block; padding: 0 0.3em; background: #fff; width: 80%; height: 1.4em; line-height: 1.4em; overflow: hidden;}
.nav {
	width: 100%;
	background: #014c8d;
	color: #FFF;
	overflow: hidden;
}
.nav ul {width: 101%}
.nav li {
	width: 24.6%;
	float: left;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin-bottom:1px;
	border-right:1px solid #013e7e;
	 box-shadow:1px 1px 0 #025fc0;
	border-bottom:1px solid #013e7e;
}
.nav li a {
	display: block;
	color: #fff;
	border-right:1px solid #013e7e;
	 box-shadow:1px 0px 0 #1674c7;
	 border-bottom:1px solid #013e7e;
	background: #015BAA;
}
.nav li a:hover {
	background: #2574b8
}
/* Banner */
 
.swipe {
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center
}
.swipe ul {
	-webkit-transition: left 800ms ease-in 0;
	-moz-transition: left 800ms ease-in 0;
	-o-transition: left 800ms ease-in 0;
	-ms-transition: left 800ms ease-in 0;
	transition: left 800ms ease-in 0;
}
.swipe li img {
	width: 100%
}
.swipe #pagenavi {
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: center;
	width: 100%;
}
.swipe #pagenavi a {
	width: 8px;
	height: 8px;
	line-height: 99em;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 4px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
*display:inline;
*zoom:1;
}
.swipe #pagenavi a.active {
	background: #015BAA;
}
#btn_prev, #btn_next {
	width: 25px;
	height: 50px;
	position: absolute;
	top: 35%;
	background: url(../images/sprite.png) no-repeat 0 0;
	cursor: pointer;
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	filter: alpha(Opacity=20);
}
#btn_prev {left: 0;}
#btn_next {right: 0;background-position: right top;}
.case_bg{position: relative;}
.case_bg .sclwrap_box , .case_bg .m-box{height:25em;overflow:hidden;}
.case_box dl{float: left;display: inline;padding-top: 1.3%;}
.case_box dl a{display: block;width: 100%;height: 100%;}
.case_box dt{width: 90.625%;margin-left: 4.6875%;}
.case_box dt img{width: 100%;display: block;}
.case_box dd{width: 86%;margin: 0 auto;text-align: center; font: 1em/2.67em "Microsoft YaHei"; color: #103861; background: #e5e5e5; max-height: 3em; line-height: 3em; display: block; overflow: hidden; padding: 0 0.6em;}
.c_tab{font: 1em/2.5em "Microsoft YaHei";color: #fff;}
.c_tab li{float: left;width:24.0%; font-size:1.2em; margin: 2.1% 0.5% 0 0.5%;text-align: center;color: #fff;background: #103861;border-radius:10px}
.c_tab li a{color:#FFF}
.c_tab1{font: 1em/2.5em "Microsoft YaHei";color: #fff;}
.c_tab1{float: left;width:49.0%; font-size:1.2em; margin: 2.1% 0.5% 0 0.5%;text-align: center;}
.c_tab1 .dle{color: #fff;background: #103861;border-radius:10px}
.c_tab1 .dle a{color:#FFF}
.c_tab1:nth-child(odd)
{ clear:both
}
.g-pro p{width:93.75%;margin: 0 auto; position: relative; line-height: 0;}
.g-pro p span{position: absolute;bottom:0;left: 0; width:100%; height:2.2rem; background:rgba(0,0,0,0.8); font-size: 1.2rem; color:#fff; text-align: center; line-height: 2.2rem;}
.g-pro ul{margin-top: 1.0rem;}
.g-pro li{float: left;margin-left: 3.1%; width:45.3125%; margin-bottom: 1rem;}
.g-pro li img{display: block;}
.g-pro li span{display: block;height:2.6rem; font-size: 1.0rem; color:#666666; line-height: 2.6rem;background:#efefef;background-size: 1rem 1rem;text-align: center;padding: 0 1rem;overflow: hidden;}
.odds_tit{margin-top: 2.2%; padding-top: 1em;}
.odds_tit p{width: 80%; display: block; margin: 0 auto; text-align: center; color: #11375e; font-size: 1.8em; font-weight: bold; height: 1.8em; line-height: 1.8em; overflow: hidden;}
.odds_tit p em{font-family: Arial; font-size: 1.3em; line-height: 0.2em; height: 0.2em;}
.odds_tit span{width: 90%; display: block; text-align: center; overflow: hidden; line-height: 1.5em; height: 1.5em; margin: 0 auto; color: #f4ab04; font-size: 1.2em;}
.odds_bg .sclwrap_box , .odds_bg .m-box{height:26em;overflow:hidden;}
.odds_box{float: left;display: inline;}
.o_img{margin:0.5em 0;}
.o_img img{width: 100%;display: block;height: 13em;}
.odds_box dl{padding: 0 6.1875% 0 5.625%;}
.odds_box dt{position: relative;}
.odds_box dt i{display: block;width: 100%;background: url(../images/o_dt.gif);background-size: 100% 100%; height: 4.5em;}
.o_text{position: absolute;left:0;top:0;width: 100%;}
.o_text b{display: block;float: left;width: 15.6%;padding-top:0.5em;text-align: center;font: bold 1.67em/1.67em "Arial";color: #fff;}
.o_textbox{float: left;width: 81.5%;padding-left: 0.5em;height: 4em;overflow: hidden;display: block;}
.o_textbox .p1{font: bold 1.2em/1.5em "Microsoft YaHei"; color: #333; display: block; overflow: hidden; max-height: 3.2em;}
.o_textbox .p1 span{color: #0376c6;}
.o_textbox .p2{font: 0.583em "Arial"; color: #9c9c9c; text-transform: uppercase; letter-spacing: -0.5px;}
.odds_box dd{padding: 1% 0 0 15.6%;font: 1em/1.50em "Microsoft YaHei";color: #555;}
.odds_box dd span{color: #ff890a;}
.odds_bg .m-cnt{text-align: center;height: 1.875em;}
.odds_bg .m-cnt li{display: inline-block;width: 0.75em;height: 0.75em;margin:0 0.2%;border-radius: 10em;background: #56a4db;}
.odds_bg .m-cnt li.z-on{background: #0065ad;}
.ab_bk dt{line-height:1.8em; padding:10px}
#index_2 { overflow:hidden; padding-top:15px;}
.left_title2{clear:both; text-align:right; padding:10px 10px 10px 10px; background:url(../images/index_2.jpg) center top no-repeat; background-size:100% auto; }
.left_title2 h2 {  color: rgb(34, 34, 34); overflow:hidden; }
.left_title2 h2 a { color: rgb(34, 34, 34); font-size:20px; }
.left_title2 p { color: rgb(51, 51, 51); font-size:18px; margin:0; line-height:30px;}
.left_body2 { padding:3px 0;}
.left_bottom2 { clear:both; height:0; }
.gridlist1{ overflow:hidden; }
.gridlist1 li { width:100%; overflow:hidden; margin-bottom:3px;}
.gridlist1 li .ChannelWrap { overflow:hidden; height:6.6em; padding:0 10px;}
.gridlist1 li.n1 .ChannelWrap { background:#FFF; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
.gridlist1 li.n2 .ChannelWrap { background:#c11b33; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
.gridlist1 li.n3 .ChannelWrap { background:#f7f7f7;}
.gridlist1 li.n4 .ChannelWrap { background:#d7841a;}
.gridlist1 li .ChannelWrap p { height:4.4em; font-size:13px; color: rgb(68, 68, 68);}
.gridlist1 li.n2 .ChannelWrap p, .gridlist1 li.n4 .ChannelWrap p { color:#fff;}
.gridlist1 li img { float:left; width:110px;}
.gridlist1 li.n2 img,.gridlist1 li.n4 img{ float:right;}
.gridlist1 li
.gridlist1 li
.gridlist1 li
.gridlist1 li a { white-space:nowrap; line-height:28px;}
.gridlist1 li .ChannelWrap .ChannelName { text-align:left; font-size: 16px; font-weight:bold; color: rgb(34, 34, 34); text-overflow:ellipsis; white-space:nowrap;}
.gridlist1 li.n2 .ChannelWrap .ChannelName, .gridlist1 li.n4 .ChannelWrap .ChannelName { color:#FFF;}
.line {width:100%; max-width:640px; margin:0 auto;
	background: #929292;
	height: 4px;
}
.foot {
	background: #464646;
	margin-top: 10px;
	height: 135px;
	line-height: 25px;
	text-align: center; color:#FFF;
	padding-top:1em
}
#bottom {
	position: fixed;
	width:100%; max-width:640px; margin:0 auto;
	height: 45px;
	bottom: 0;
	border-top: #fff solid 2px;
	background: #b90000
}
#bottom ul {
	height: 45px;
	line-height: 45px
}
#bottom ul li {
	width: 20%;
	float: left;
	color: #FFF
	
}
#bottom ul li dl {
	width: auto;
	margin: 0 auto;
	border-right:1px solid #450101;
	 box-shadow:1px 0px 0 #930808;
	text-align: center
}
#bottom ul li dt {
	width: auto;
	height: 25px;
	overflow: hidden;
}
#bottom ul li dd {
	width: auto;
	height: 20px;
	font-size: 0.8em;
	color: #fff;
	line-height: 20px;
}
.news_con dl{margin:2% 3.1% 0 3.1%; height:8.5rem; overflow: hidden;}
.news_con dt{float: left;width:42%; overflow: hidden;}
.news_con dt img{height: 8rem;}
.news_con dd{width:56.66%; overflow: hidden; float: right;}
.news_con dd a{width: 100%;display: block;line-height:2.1rem;height: 2.1rem; overflow: hidden; color: #333; font-size: 1.0rem; font-weight: bold;}
.news_con .news_contxt{line-height: 1.4rem; font-size: 0.8rem; color: #666; height: 5.4rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.news_con ul{margin:0 3.1%;}
.news_con li{color:#333; font-size: 0.8rem; line-height:2.1rem; height:2.1rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px solid #dcdcdc;}
.news_con li span{font-family: Arial;float: right;color: #999;}
.news_con li a{color: #333;}
.g-bd{width:100%;height:auto;overflow: hidden;}
.g-bd h3{color: #666;}
.posi{width: 100%; height: auto; z-index: 999; top: -1px;}
.m-cpzx{overflow: hidden; padding: 1.3em 0 0;}
.m-btit {line-height: 35px; color: #666; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); background-image: linear-gradient(top, #f6f6f6, #eaeaea); border-bottom:1px solid #d9d9d9; }
.m-btit:before{content:""; position:absolute; left:0; top:0; width:100%; border-top: 1px solid #fff;}	/*内页面包屑导航背景上面的线条*/
.m-btit span{ padding:0 8px; position:relative; height:100%; top:-12px; display:inline-block;}
.m-btit span:before{content:""; position:absolute; background:#7c7c7c; width:8px; height:8px; left:2px; top:3px; z-index:10; -moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg);}  /*角度45度，内页面包屑箭头样式*/
.m-btit span:after{content:"";  position:absolute; width:8px; height:8px; left:1px; top:3px; z-index:11; background-color:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/ background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/ background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/ background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/ background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/ background-image: linear-gradient(top, #f2f2f2, #eeeeee);  /*背景渐变，正常的写法*/ -moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg);	} /*角度45度，内页面包屑箭头样式*/
/* -- 内页产品导肮 -- */
#content img {width: 100%; display: block; margin: 0 auto; max-width: 560px; }
.m-mcon, .procontent {border-top: 1px solid #e6e6e6; padding: 10px 14px 7px 10px; font-size: 13px; color: #666; line-height:2}
.m-mcon p, .procontent p {line-height: 22px; font-size: 14px; margin: 12px 0; }
.m-mcon_a {padding: 2% 4% 7% 4%;}
.content{line-height:1.6em; padding:0.3em}
.m-cpzx{overflow: hidden; padding: 1.3em 0 0;}
.m-cpzx h3{overflow: hidden; padding: 1em 4.6875% 0.7em;}
.m-cpzx h3 a{color: #595757; float: left; line-height: 2.5em; padding: 0 0 0 6%; position: relative; width: 42%;font-size: 116%;overflow: hidden;height: 2.5em;}
.m-cpzx h3 a span{font-size: 116%;}
.m-cpzx h3 a::before{border-bottom: 0.5em solid transparent; border-left: 0.5em solid #9a9a9a; border-top: 0.5em solid transparent; content: ""; height: 0; left: 6%; position: absolute; top: 0.8em; width: 0; z-index: 9;}
.m-cpzx h3 a:nth-of-type(2n){float: right;}
.m-cpzx p{overflow: hidden; padding: 0 4.6875%;}
.m-cpzx p a{color: #656565; float: left; font-family: Arial,Helvetica,sans-serif; margin-bottom: 0.8em; text-align: center; width: 48%;}
.m-cpzx p a:nth-of-type(2n){float: right;}
.m-cpzx p a i{background: url("../images/cpzx_sd.gif") no-repeat scroll center top / contain ; display: block; height: 0.25em; padding-bottom: 0.4em;margin-top: -0.2em;}
.m-cpzx p a span{height: 1.2em; line-height: 1.2em; font-size: 1em; display: block; overflow: hidden;}
.m-cpzx img{width: 100%; border: 1px #ddd solid;}
.propic4{font-size:1.0rem; line-height:1.7em}
.propic4 b{color:#1A5FB3}
.g-bd .m-con-2 { margin-bottom:26px;background: #fff;}
.g-bd .m-con-2 a{ display:block;}
.g-bd .m-con-2 dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 26px 12px 10px; position:relative;}
.g-bd .m-con-2 dt { float:left;display:block;border:1px solid #ccc; margin-right:11px;width: 130px;height: 110px;}
.g-bd .m-con-2 dt img { display:block;border:1px solid #e2e2e2;width: 100%;height: 100%;}
.g-bd .m-con-2 .s-wc { height:1.2em; line-height:1.2em; overflow: hidden; padding-right: 10px; color: #0376c6;margin-left: 0.4em; font-size:1.2em}
.g-bd .m-con-2 em { float: right;color: #c4c4c4;font-size: 1em;line-height: 2em;}
.g-bd .m-con-2 p { font-size: 12px; max-height: 65px;line-height: 22px; margin:5px; margin-right:3%; overflow: hidden; color: #666;}
.g-bd .m-con-2 .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con-2 .s-babg p span:before,.g-bd .m-con-2 .s-babg p span:after{ display: none;}
.pagea{display: block; width: 97%; height: 2rem; line-height: 2rem; color: #000; background: #ddd; border-radius: 1rem; margin: 2% auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-indent: 1rem; padding-right: 3%;}
.pagea span{color:#000;}
.pagea a{color:#6d6d6d;}
.pagea a:hover{color:#d42a2a;}
.u-mtit h2 {font-size:1.7em; text-align: center; padding: 14px 10px 0px 10px; font-weight: bold;color: #2c2c2c; }
.u-mtit p {font-size:1.1em; padding-bottom: 7px; border-bottom: 1px solid #CCC; color: #666; text-align:center}
.msgtitle {
	display: block;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px
}
.message_block {
	color: #666;
}
.message_block p {
	padding: 12px;
}
.msg_input {
	width: 85%;
	border: 1px solid #e0e0e0;
	padding: 8px 9px;
	background: #fff;
	font-size: 13px;
	color: #888;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	border-radius: 2px;
}
.msg_input_on {
	width: 85%;
	border: 1px solid #8cd1ff;
	background: #f1f9ff;
	padding: 8px 9px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	border-radius: 2px;
	font-size: 13px;
	color: #888;
}
.message_labes {
	font-size: 14px;
}
.message_title {
	height: 34px;
	line-height: 34px;
	background: #f6f9fb;
	padding: 0 12px;
}
.message_title h2 {
	color: #376b88;
	font-size: 14px;
	float: left;
}
.message_title span {
	float: right;
	font-weight: bold;
	color: #999;
}
.message_info {
	color: #8ea6b6;
	text-align: right;
}
.msg_btn_area {
	margin: 15px auto;
	padding-right: 3%
}
.msg_btn_area a {
	display: inline-block;
	padding: 5px 15px; 
	background: #09F;
	color: #fff;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
}
.msg_btn_area a:hover {
	text-decoration: none;
	background: #F60
}
.type{width:55%;background:#3564b7;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height: 19em;display:none;z-index: 90;position: absolute; left:45%}
.type li{width:90%;background:#fff;margin:2% auto;overflow:hidden;position:relative;}
.type li a{display: block;float:left;width:80%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666;line-height: 2em;}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h2{ width: 50%;font-size: 1em;margin: 0 auto; color: #fff;font-weight: normal; float: left;line-height:1.5em;}
.type li span i{color: #3564b7;font-size: 1.2em;line-height: 1.8em;}
.typecz{width: 90%;display: block;margin:1em auto; margin-bottom: 1em;}
.typecz a{float: right; display: block; width: 1.5em; height: 1.5em; line-height: 1.5em; font-size: 1em; text-align: center; color: #ffffff; border-radius: 0.2em;}
.g-back .u-bp {background: url(../images/Nyskinsbar.png) no-repeat; background-size: 35px 600px;display: block; }
.g-back .u-bl {background: url(../images/Nyskinsbar.png) no-repeat; background-size: 35px 600px; background-position: 0 -286px;}
.g-se{float: left;left: 5%;position:relative;width: 70%;} 
.g-se .m-ipt{display: block;float: left;width: 75%;}
.g-se .u-in{position:absolute; z-index:100;width:42px; height:30px;background:transparent;right: 0;}
.g-se .u-key{width: 130%; height: 14px; padding: 7px 0; line-height: 14px; color: #c5c5c5;font-size: 1em;border: 1px solid #3c6ec6;box-shadow: 3px 2px 3px #d9e2f3 inset; border-right: 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; text-indent: 15px; float: left; background: #fff;}
.g-se .u-bt{width: 42px; height: 30px; float: right; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; position: relative; background-color: #36a64d; background-image: -webkit-gradient(linear, left top, left bottom, from(#3c6ec6), to(#3564b7)); background-image: -webkit-linear-gradient(top, #3c6ec6, #3c6ec6); background-image: -moz-linear-gradient(top, #3c6ec6, #3c6ec6); background-image: -o-linear-gradient(top, #3c6ec6, #3c6ec6); background-image: -ms-linear-gradient(top, #3c6ec6,#3c6ec6); background-image: linear-gradient(top, #3c6ec6, #3c6ec6);}
.g-se .u-bt:before{content:'';display:block;width:12px;height:12px;border-radius:17px;position:absolute;right:14px;top:5px;z-index:99;border:3px solid #fff;} 
.g-se .u-bt:after{background:#fff;content:'';display:block;width:4px;height:10px;border-radius:5px;border:0;position:absolute;right:12px;top:16px;z-index:99;-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg);} 
.posi{width: 100%; height: auto; z-index: 999;}
.g-back{overflow: hidden;position: relative;z-index: 97;text-align:right;margin-top:1px; padding: 7px 11px 7px 9px;}
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}
.f-fl { float: left;}
.f-fr {float: right;}
.joinbt{font-size:1.2em; line-height:3em; padding-left:50px; color:#FFF; height:3em}
.joinnr{line-height:1.5em; padding:0px 0px 0px 20px}