
*{margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,button,input,textarea,p,blockquote,table,th,td{margin:0; padding:0;}
body,html{font-family:microsoft yahei; font-size:14px; color:#333; text-decoration:none;}
body{font:normal 100% Microsoft YaHei, 微软雅黑, Arial, Tahoma, Helvetica, sans-serif; min-width:1200px;}
table{border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1,h2,h3,h4,h5,h6,dl,dt,p,b,i,span{font-weight:normal;}
button,input,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit; vertical-align:middle; font-family:microsoft yahei;}
address,caption,cite,code,dfn,em,var,b{font-style:normal; font-weight:normal;}
input,textarea{outline-style:none;resize:none;border:none;-webkit-appearance:none;border-radius:0;}
a{text-decoration:none; color:#3786EB;}
ul,li,ol{list-style-type:none;}
fieldset,img{border:0;}
img,a{transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.input{width:80%; border:1px solid #dedbd7; padding:1em .4em; font-size:12px; color:#666;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:'\20'; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}
.w1200{width:1200px; height:auto; margin:0 auto;}
.ov{overflow:hidden;}
.blank{width:auto; height:40px;}



/* 头部 */
.header{width:1200px; height:86px; margin:0 auto 10px; z-index:9999;}
.header-wrop{background:#f5f5f5;height:42px;line-height:42px;width:100% !important; }
.header-wrop span{width:1200px;display:block;margin:auto }
.welcome{width:100%; height:auto; margin:0 auto;}
.welcome .logo {float:left;margin-top:15px;}

.welcome .form{position:relative; width:500px; height:100px; float:right; }
.welcome .form form{   margin-top:15px;width:500px; background:#fff; border:1px solid #444; z-index:999;}
.welcome .form form .txt{float:left; height:45px; line-height:45px; padding-left:10px; width:100px; font-size:13px;}
.welcome .form form .btn{float:right; background:#0030c8; color:#fff; width:120px; height:45px; line-height:30px; cursor:pointer;}
.tuijianci{height:30px;line-height:30px;font-weight:600;margin-top:5px}
.tuijianci a{font-weight:500;margin:0 10px}
.nav-box{border-bottom:2px solid #0030c8;height:45px}
.pro-nav{width:25%;position:relative;height:45px}
.pro-navbox{width:100%;font-size:18px;background:#0030c8;color:#fff;text-indent:2rem;height:45px;    line-height: 45px;}
.pro-navbox .fr{margin-right:10px;margin-top:10px}
.pro-navbox .fr span{display:block;width:30px;height:2px;background:#fff;border-radius:1px;margin-top:5px}
.pro-nav-li{position:absolute;text-align:left;    width: 100%;background:#0030c8;    z-index: 999;height: 600px;padding-top:20px;display:none}
.pro-nav:hover .pro-nav-li{display:block}
.pro-nav-li1{position:relative;}
.pro-nav-li li{    height: 45px;
    line-height: 45px;
}
.lfbt{float:left; vertical-align: middle;
    margin: 0;
    padding: 15px;
    font-size: 20px;
    color: #181818;
    line-height: 1;
    border-left: 1px solid #ddd;
    margin-top: 20px;margin-left:20px;padding-left:20px;}
.lfbt p{margin-bottom:8px;color: #3786eb;}
.lfbt span{font-weight: normal;
    font-size: 14px;
    color: #414141;margin-top:8px;}
.logo_tel {
    float: right;
    padding: 40px 0px 30px 78px;
    background: url(../images/top_phone.png) no-repeat scroll 20px 18px;
    color: #585858;
    font-size: 14px;
    font-family: "微软雅黑";
}
.logo_tel span {
    text-align: center;
    width: auto;
}
.logo_tel b {
    color: #333;
    text-align: left;
    display: block;
    font-family: Impact,Arial, Helvetica, sans-serif;
    font-size: 28px;
    vertical-align: middle;
    line-height: 30px;    margin-top: -5px;
}
.navbg{width:100%;border-top: 1px solid #e4e2e2;height:60px;bottom:0;left:0}
.navbg .navv{width:1260px;height:60px;margin:0 auto;}
.navv li.one a{display:block;width:180px;margin:0 auto;height: 60px;
text-align:center;font:normal 18px/60px 'Microsoft YaHei';color:#666666;float:left;_margin-left:-1px;
font-size:17px;}
.navv li.one>a:hover,.navv li.one>a.on{display:block;width:180px; text-align:center;
margin:0 auto;height: 60px;text-align:center;font:normal 18px/60px 'Microsoft YaHei'; 
color:#fff;float:left;background: #3786eb;}
.navv li.one a.on{background: #3786eb;}


ul#navmenu {z-index:99999;position: relative; }

ul#navmenu li { 
margin: 0; 
border: 0 none; 
padding: 0; 
float: left; /*For Gecko*/ 
display: inline; 
list-style: none; 
position: relative; 
} 
ul#navmenu ul li a {
    font-size: 15px;
    color: #FFF;
	font-weight:normal
}
ul#navmenu ul li a:hover , ul#navmenu ul li:hover{background:#fff;color:#3786eb}
ul#navmenu ul li {background-image: none;line-height: 36px; height:36px }
ul#navmenu ul li.one:hover{background:#fff;color:#3786eb}
ul#navmenu ul { 
margin: 0; 
border: 0 none; 
padding: 10px; 
width: 180px; 
list-style: none; 
display: none; 
position: absolute; 
top: 55px; 
left: 0; 
z-index:1900;
background:rgb(55, 134, 235);text-align:center;
} 
ul#navmenu>li:hover ul{display:block}
ul#navmenu ul li { 
line-height:28px;
float: none; /*For Gecko*/ 
display: block !important; 
display: inline; /*For IE*/ 
} 

ul#navmenu ul li a {
 width:180px;
height:36px;
line-height:36px;
display:block;
color:#fff;
font-size:15px;

}
.full_width{height: 129px;
    background-color: rgb(224, 224, 224);width:100%}
.w1260{width:1260px;margin:0 auto;}
.full_width li{width:33.33%;float:left;color:#333;padding-top:35px;}
.full_width li h6{    font-size: 16px;
    font-family: 微软雅黑;float:left;margin-left:20px;
    color:#333;}
.full_width li  p{   font-family: 微软雅黑;
    color: #333;line-height:35px;
    font-size: 14px;}
.pro-nav-li li .a1{display:block;padding: 0 15px 0 24px;font-size:16px;color:#fff}
.pro-nav-li li .a1 span{font-size:24px;color: #a5a5a5;}
.pro-nav-li li:hover{background:#fff}
.pro-nav-li li:hover .a1{color:#333}
.pro-nav-li li:hover .a1 span{color: #333;}
.pro-nav-li-left{position:absolute;padding-top:20px;left:300px;width:860px;height:600px;background:#fff;padding-left: 40px;display:none;top:-18px}
.pro-nav-li .pro-nav-li-1:hover .pro-nav-li-left{display:block;}
.pro-nav-li-left a{color:#3786eb}
.pro-nav-li-left .aa1{font-size:14px;font-weight:600;}
.pro-nav-li-left div{overflow:hidden}
.pro-nav-li-left ul{  margin-left: 28px;}
.pro-nav-li-left ul li{float:left;margin-right:15px;margin-bottom:25px;height:20px;line-height:20px;width:150px}
.pro-nav-li-left ul li a{font-size:16px;display:block}
.pro-nav-li-left a:hover{color:#c40000}

.nav{float:right; width:73%;}
.nav ul li{float:left;    width: 12.5%; position:relative;}
.nav ul li .a1{display:block; width:100%; height:45px; text-align:center; font-size:16px; font-weight:bold;line-height:45px}
.nav ul li .a1 span{display:block; margin-top:5px; text-transform:uppercase; font-size:12px; color:#333;}
.nav ul li.current .a1,.nav ul li.current .a1 span,.nav ul li:hover .a1,.nav ul li:hover .a1 span{color:#3786eb;}
.nacsd{position:absolute;z-index:99;width:100%;background:#fff;    border-top: 2px solid #3786eb;display:none}
.nacsd a{display:block;text-align:center;padding:5px 0;margin-bottom:5px;border-bottom:1px solid #e0e0e0;}
.nacsd a:nth-child(1){margin-top:20px}
.nacsd a:last-child{margin-bottom:10px}
.nav ul li:hover .nacsd{display:block}
.nav ul li .nacsd a:hover{background:#e8e8e8;color:#c40000;}
/*banner*/



.slideBox{width:100%; height:560px; overflow:hidden; position:relative;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:560px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;
		background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
 
/*guanggao*/
.guanggao{background:url(http://www.osth.cn/static/default/web/images/gg_bg.jpg) repeat-x center center;width:100%}
.guanggao_center{ width:1260px; margin:0 auto;verflow:hidden}
.guanggao_center h1{font-size:32px; color:#134197; text-align:left; padding:10px 0px; padding-top:25px;margin-bottom:0; font-weight:normal}
.guanggao_center h5{font-size:24px; color:#134197; text-align:left; margin:0; padding-bottom:30px; font-weight:normal; margin-top:25px;}
.guanggao_center h5 span{ font-weight:bold;font-size:40px;background:url(http://www.osth.cn/static/default/web/css/images/gg_tel.png) no-repeat left center;padding-left: 45px; font-family:Impact;}
.guanggao2{background-size: 100% 100%;padding-bottom:40px;}
 
.guanggao2 h1{text-align: center; font-weight:bold;}
.guanggao2 h5{text-align: center}
.youshi{ background:#f5f5f5;}
ul.youshi_main {width:1260px; margin:0 auto;margin-top: 40px;padding-top: 20px; text-align:center}
ul.youshi_main li {
    display: inline-block;
    width: 340px;
    height: auto;
    margin: 0px 20px;
    vertical-align: top;
	text-align:center;
	-webkit-transition:0.5s all linear;
	-moz-transition:0.5s all linear;
	-ms-transition:0.5s all linear;
	-o-transition:0.5s all linear;
}
ul.youshi_main li:nth-child(2){border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0 40px;}
ul.youshi_main li h3{ margin:0;
color:#383838; font-size:19px;  line-height:45px;}
ul.youshi_main li p{ line-height:26px; font-size:13px; color:#484848;    width: 222px;
    margin: 0 auto;}
.tuijiantitle {
    position: absolute;
    width: 217px;
    height: 173px;
    padding-top: 44px;
    text-align: center;
    color: #FFF;
    background: url(http://www.osth.cn/static/default/web/css/images/gray.png) repeat scroll center top;
}
ul.youshi_main li:hover img{	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);}

/* 公司简介 */
.about_wrap{width:100%; margin:50px auto 60px;}
.about_tit .fl{font-size:45px; font-weight:bold; margin-left:190px;}
.about_tit .fr{margin-right:190px;margin-top:12px;}
.about_tit .fr p{font-size:28px;}
.about_tit .fr span{display:block; width:400px; height:30px; line-height:30px; padding-left:5px; margin-top:5px; background-color:#3786eb; color:#fff; font-size:15px;}
.about_cate{width:100%; height:42px; line-height:42px; margin:40px 0px; text-align:center; background:url(../images/about_cate_bj.png) no-repeat left top;}
.about_cate a{font-size:17px; padding:0 40px; color:#fff;}

.about{width:1160px; padding:0px 20px;}
.aboutleft{width:660px;}
.aboutleft p{font-size:15px; text-indent:2em; line-height:30px;}
.aboutleft a{display:block; width:150px; height:40px; line-height:40px; margin-top:25px; text-align:center; float:right; font-size:17px; background-color:#3786eb; color:#fff;}
.aboutleft a:hover{background-color:#3677b9;}
.aboutright,.aboutright img{width:447px; height:293px;}


/* 标题 */
.tit{width:1200px; height:auto; float:left; overflow:hidden;}
.tit span{color:#3786eb; font-size:30px; display:block; text-align:center;font-weight:bold;line-height:35px;letter-spacing:1px;}
.sj{width:1200px; height:auto; text-align:center; margin:10px auto 0px;}
.triangle-down{width:0; height:0; margin:0 auto; border-left:8px solid transparent; border-right:8px solid transparent; border-top:14px solid #3786eb;}
/*tuijian*/
.tuijian_center{width:1260px; text-align:center; margin:0 auto;padding-top: 130px; }
.tuijian{ background: url(../images/case_bg.jpg) no-repeat bottom center;    height: 624px;
}

/* 产品分类 */
/* 产品分类 */
.product_wrap{width:100%; padding:55px 0 0px; background-color:#fff;}
.cpzx{width:100%; padding:55px 0 0px; background-color:#f6f6f6;}
.product{width:1200px;margin:0 auto;}
.pro_fl{width:270px;   background-color:#3786eb;padding-bottom:30px;margin-top: 40px}
.productcen{padding:20px;text-align:center;}
.productcen h3{font-family: 微软雅黑; font-size: 21px; color: rgb(255, 255, 255);line-height:32px;}
.productcen p{white-space: pre-wrap; color: rgb(255, 255, 255); font-family: Consolas, "Lucida Console", "Courier New", monospace; text-transform: uppercase; font-size: 15px;}
.pro_l_tit{width:100%; height:90px; text-align:center; display:table;}
.pro_l_tit p{font-size:22px; color:#FFF; line-height:30px; display:table-cell; vertical-align:middle;}
.pro_l_tit i{display:block; font-size:15px;}
.pro_flist{width:90%; height:auto; padding-bottom:10px; background-color: #fff; margin:0 auto; border-radius:5px;}
.pro_flist dl{padding:10px 15px; overflow:hidden;}
.pro_flist dt{margin-top:15px;}
.pro_flist dt:first-child{margin-top:0px;}
.pro_flist .pro_flist-1{width:95%;margin:auto;padding-top:10px}
.pro_flist .pro_flist-1 a{display:block; padding:11px 5px; font-weight:bold; background: #3786eb;font-size:16px;color:#fff;text-indent: 1rem;    border-radius: 10px;}
.pro_flist dt a:hover{color:#3786eb;text-decoration:underline;}
.pro_l_tel{width:100%;   display:table;}

.pro_list{/* width:900px; */ padding-bottom:25px;margin-top: 40px}
.pro_r_tit{width:100%; height:35px; border-bottom:1px solid #eee;}
.pro_r_tit strong{color:#003b78; float:left; margin-left:23px; line-height:35px; font-size:17px;}
.pro_r_tit a{display: inline-block; float:right; padding: 0px 25px; font-size:13px; line-height:35px; background: url(../images/jiahao.png) no-repeat center left;}
.pro_r_tit a:hover{color:#ff6600;text-decoration:underline;}
.pro_list dl{width:100%;}
.pro_list dt{width:285px; background:#f2f2f2;height:314px; float:left; margin:0px 0 15px 15px;box-shadow: 0px 0px 1px 0px rgba(140, 140, 140, 0.8);
 transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
 
.pro_list dt .pro_s_img{text-align:center; overflow:hidden;}
.pro_list dt .pro_s_img img{width:285px; height:280px;}
.pro_list dt .pro_s_img img:hover{transform:scale(0.9);}
.pro_s_img a{display:block; }
.pro_list dt .pro_s_tit a{display:block;  text-align:center; height:30px; line-height:30px;  
 text-align:center; /* background-color:#3786eb; */color:#333;}
.pro_list dt:hover .pro_s_tit a{color:#ff6600;}

.ysdds{background:#e8e8e8;}
.protd{ width:1100px; margin:40px auto }
.protd li{ width:168px; float:left; margin:0px 26px;}
.protd li a{ width:168px; float:left; display:block;}
.protd li a .iconbg1{border:7px solid #fff; border-radius:10px; width:154px; height:109px; background:#FFFFFF;}
.protd li a .iconbg{ width:109px; height:94px; margin:6.9px auto 0px auto;} 
.protd li a .iconbt{ text-align:center; color:#000; font-size:18px; padding-top:12px; }
.protd li a:hover .iconbg1{ border:7px solid #3786eb;}
.protd li a:hover .iconbt{ color:#3786eb;}
.protd li.icon1 a .iconbg{ background:url(http://www.osth.cn/static/default/web/images/icon1.gif) no-repeat;}
.protd li.icon2 a .iconbg{ background:url(http://www.osth.cn/static/default/web/images/icon2.gif) no-repeat;}
.protd li.icon3 a .iconbg{ background:url(http://www.osth.cn/static/default/web/images/icon3.gif) no-repeat;}
.protd li.icon4 a .iconbg{ background:url(http://www.osth.cn/static/default/web/images/icon4.gif) no-repeat;}
.protd li.icon5 a .iconbg{ background:url(http://www.osth.cn/static/default/web/images/icon5.gif) no-repeat;}
.protd li.icon1 a:hover .iconbg{ background:url(http://www.osth.cn/static/default/web/images/icon01.gif) no-repeat;}
.protd li.icon2 a:hover .iconbg{ background:url(http://www.osth.cn/static/default/web/images/icon02.gif) no-repeat;}
.protd li.icon3 a:hover .iconbg{ background:url(http://www.osth.cn/static/default/web/images/icon03.gif) no-repeat;}
.protd li.icon4 a:hover .iconbg{ background:url(http://www.osth.cn/static/default/web/images/icon04.gif) no-repeat;}
.protd li.icon5 a:hover .iconbg{ background:url(http://www.osth.cn/static/default/web/images/icon05.gif) no-repeat;}
.shebei_wrap{width:100%; margin:50px auto;}
.shebei{margin:0px auto; width:1200px; overflow:hidden; position:relative;}
.containers{min-width:1200px; width:1200px; margin:0px auto; padding:0px; margin-top:-15px; overflow:hidden;}
.index_yewus{height:260px;}
#demos{overflow:hidden; width:1200px; float:left; display:inline;}
#indemos{float:left; width:100000px; height:260px;}
#indemos a{width:210px; height:170px; float:left; margin:0px 10px 0px 10px; padding:5px; border:solid 1px #ccc;}
#indemos a:hover{box-shadow:0 1px 15px rgba(0, 0, 0, 0.5);}
#indemos a img{width:210px; height:170px;}
#indemos a .pp{width:210px; text-align:center; margin-top:15px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; -o-transition:all 0.3s ease-out;}
#indemos a:hover .pp{margin-top:18px; color:#dd4400;}
#indemos img{border:none;}
#demo1s{float:left; padding-top:35px;}
#demo2s{float:left; padding-top:35px;}
#indemos span{display:block; margin-left:8px;}

/* 本例子css */
.sideMenu{ }
.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#3786eb; cursor:pointer;
    font-weight: bold;font-size:15px;color:#fff;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 10px; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu ul li{    padding: 8px;
    border-bottom: 1px solid #e0e0e0;height:35px;line-height:35px;}
.sideMenu ul li a{display:block;font-size:14px;position:relative;text-indent: 1rem;}
.sideMenu ul li a:before {
    position: absolute;
    top: 13px;
    left: 0;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #3786eb; 
}
.sideMenu ul li:hover a{color:#c40000}
.lan-1{height:210px;background:url(../images/lan.jpg)no-repeat center;}
/* 四大优势 */
.ys{ height:1230px; background:url(../images/ys.jpg) no-repeat center top;}

.wit{ overflow:hidden; margin:0px 0;}
.wit h2{ height:80px; width:302px; margin:0 auto; text-align:center; font:50px Impact; text-transform:uppercase; color:#0e5ec0;}
.wit h2 a{ font:18px "Microsoft Yahei"; text-align:center; background:#3786eb; width:150px; height:40px; line-height:40px; color:#fff; display:inline-block; float:right; margin-top:10px;}
.wit2{ height:220px; overflow:hidden;margin-top:20px;}
.wit2 .arr1 a{ display:block; width:53px; height:220px; background:#f5f5f5; 
font:30px "宋体"; text-align:center; line-height:220px; font-weight:bold;}
.wit2 .arr1 a:hover{ color:#3786eb; text-decoration:none;}
.wit3{ width:1035px; float:left; margin-left:30px; display:inline; overflow:hidden;}
.wit3 dl{ width:239px !important; float:left !important; margin-right:26px; background:#f5f5f5;height:280px;}
.wit3 dt{ width:239px; height:180px;}
.wit3 dt img{width:239px; height:180px;}
.wit3 dd{ width:210px; margin:10px auto 0;  overflow:hidden;}
.wit3 dd h3 a{ display:block; font:14px "Microsoft Yahei"; text-align:center; color:#373737; overflow:hidden; height:28px;}
.wit3 dd p{ font:12px "Microsoft Yahei"; line-height:22px; color:#3e3e3e; height:88px; overflow:hidden;}
.wit3 dd span a{ display:block; width:83px; height:23px; font:14px "Microsoft Yahei"; text-align:center; line-height:23px; color:#fff; background:#3786eb; margin-top:15px;}
.wit3 .nones{ margin-right:0;}

.bg2{   overflow:hidden; }
.about{ overflow:hidden; margin-top:40px;}
.about dt{ width:400px; float:left; overflow:hidden;}
.about dt img{width:100%}
.about dd{ width:710px; float:right;}
.about dd h3{ font:39px "Microsoft Yahei"; font-weight:bold; color:#333; height:110px;}
.about dd h3 a{ color:#333;}
.about dd h3 em{ display:block; font:18px "Microsoft Yahei"; color:#333; padding-top:6px;}
.about dd p{ font:16px "Microsoft Yahei"; line-height:30px; color:#333; overflow:hidden;}
.about dd span a{display:block; width:91px; height:22px;  border:1px solid #3786eb; font:14px "Microsoft Yahei"; text-align:center; line-height:22px; color:#3786eb; margin-top:20px;}

.fc{ width:950px; margin-top:44px; position:relative;overflow: hidden}
.tit3{ height:34px; border-bottom:1px dashed #48a6ed; overflow:hidden; margin-bottom:20px;}
.tit3 li{ font:18px "Microsoft Yahei"; height:34px; padding-right:50px; float:left;}
.tit3 li a{ color:#fff;}
.tit3 li a:hover,.tit3 .cur a{ font-weight:bold;}
.fc span a{ display:inline-block; width:50px; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#9ad0f5; position:absolute; top:0; right:0; line-height:24px;}
.fc2 li{ width:215px; float:left; margin-right:29px;}
.fc2 li img{ display:block; width:215px; height:183px;}
.fc2 li a{ display:block;}
.fc2 li a:hover img{ filter:alpha(opacity=70);  -moz-opacity:0.7;  -khtml-opacity: 0.7;  opacity: 0.7;  }
.fc2 li em{ display:block; font:14px "Microsoft Yahei"; line-height:33px; height:33px; overflow:hidden; background:#f3f3f3; margin-top:1px; text-align:center;}
.fc2 .nones{ margin-right:0;}

.honor{ width:216px; position:relative;}
.honor h2 a{ display:block; height:44px; font:18px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#fff;}
.honor .arr1 a{ display:block; width:12px; height:21px; overflow:hidden; position:absolute; top:0; left:0; background:url(../images/honor_l.png) no-repeat;}
.honor .arr1 a:hover{background:url(../images/honor_l2.png) no-repeat;}
.honor .arr2 a{ display:block; width:12px; height:21px; overflow:hidden; position:absolute; top:0; right:0; background:url(http://www.osth.cn/static/default/web/images/honor_r.png) no-repeat;}
.honor .arr2 a:hover{background:url(http://www.osth.cn/static/default/web/images/honor_r2.png) no-repeat;}
.honor ul{ width:216px; height:271px; overflow:hidden; background:url(../images/honor-bg.jpg) no-repeat center top;}
.honor li{ width:150px; margin:25px 0 0 33px; float:left; overflow:hidden;}
.honor li img{ display:block; width:100%; height:194px;}
.honor li em{ display:block; margin-top:18px; font:14px "Microsoft Yahei"; text-align:center; height:34px; line-height:34px; color:#666; overflow:hidden;}
.pe_tit{width:100%; height:90px; text-align:center}
.pe_t_ch{font-family:Microsoft YaHei, 微软雅黑, 宋体; height:30px; font-size:32px; letter-spacing:2px; color:#333; font-weight:bold;}
.pe_t_ch i{font-style:normal; color:#d7292d}
.pe_t_en{ text-transform:uppercase;  color:#5a5a5a; font-size:15px; letter-spacing:0px; margin:20px auto; position:relative; z-index:9}
.hr{height:4px; background:url(../images/hr.png) no-repeat center; margin:8px auto}
/* 客户案例 */
.sgglbox{width:100%; height:780px; background:url(../images/sgglbj.jpg) no-repeat center center;}
.sggl{width:1200px; height:720px; padding-top:60px; margin:0 auto;}
.sggl .tit span{color:#fff;}
.sggl .triangle-down{border-top:14px solid #fff;}

.sglibox{width:1200px; height:530px; margin-top:30px; background:#FFF;}
.sglibox dl{width:1200px; height:auto; float:left; overflow:hidden; margin-top:25px;}
.sglibox dl dt{width:220px; height:230px; float:left; margin:5px 3px 10px 15px;}
.sglibox dl dt a{overflow:hidden;}
.sglibox dl dt img{width:220px; height:200px;}
.sglibox dl dt img:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;transform:scale(1.1);}
.sglibox dl dt a{font-size:14px; display:block; text-align:center; line-height:37px;}
.sglibox dl dt:hover a{color:#ff6600;}

.hf{width:auto; height:130px; background:url(../images/hf_bg.jpg) no-repeat center}
.hf_cont{height:100%}
.hf_tel{width:auto; height:auto; margin-top:27px; background:url(http://www.osth.cn/static/default/web/images/hf_tel_icon.png) no-repeat;}
.hf_tel p{width:135px; padding:2px 0; background:#FFF; font-size:14px; color:#000; text-align:center; margin:10px 0 5px 45px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px}
.hf_tel i{font-size:24px; color:#FFF; font-weight:bold; margin-left:45px}
.hf_bigz{width:71%; height:100%; color:#FFF; display:table}
.hf_bigz .hf_pa{font-size:28px; font-weight:bold; line-height:37px; letter-spacing:1px; display:table-cell; vertical-align:middle}
.hf_bigz .hf_pa span{display:block; font-weight:normal; font-size:20px; letter-spacing:1px}
/*新闻中心*/
.new{
    margin: 40px auto 80px;
}
.news-left{
    width: 100%;
}
.news-left .pic{
   
}
.news-left .pic .news-more{
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 200px;
    color: #FFFFFF;
}
.news{
   width:100%;
}
.newsbox{
    width: 100%;
}
.newsbox li {
    overflow: hidden;
	width:46%;
	margin:0px 2%;
    zoom: 1;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
}
 
.wpart-border-line{padding-top: 20px;
    padding-bottom: 20px;overflow:hidden;}
.wpart-border-line .time	{    background: transparent;
    width: 50px;
    height: 50px;float:left;padding:8px;background:#929292}
.wp-new-ar-pro-time{color: #fff;
    font-size: 35px;    height: 41px;
    line-height: 35px;}
.date{	color: #fff;
    font-size: 12px;
display: block;height: 18px;
    line-height: 18px;}
	.conts{    margin-left: 20px;float:left;width:460px;}
	.conts	p{color: #999;
    font-size: 14px;
    line-height: 18px;
    text-align: left;}
	.articleid {display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 18px;
    color: #5a5a5a;
    font-weight: normal;
    text-decoration: none;
    line-height: 30px;;}
	.abstract{    width: 95%;
    overflow: hidden;
    word-wrap: break-word;}
.articleid:hover{color:#3786eb}

/*友情链接*/
.yqlink{width:1200px; height:40px; margin:50px auto 20px;}
.yqlink dl{height:40px;}
.yqlink dt{float:left;}
.yqlink dl .dt1{font-size:30px; font-weight:bold; color:#1a57a2; line-height:40px;}
.yqlink dl .dt2{width:90px; height:23px; background:#1a57a2; color:#FFF; margin:9px 10px 0 10px;}
.yqlink dl .dt2 span{font-size:15px; color:#FFF; line-height:23px; display:block; text-align:center;}
.yqlink dl .dt3 a{font-size:14px; text-decoration:none; line-height:40px; margin:0 15px;}
.yqlink dl .dt3 a:hover{text-decoration:underline; color:#FF5702;}



/*页脚*/
.footerbox{width:100%; overflow:hidden; background:#0554a3;}
.footer{width:1200px; height:auto; margin:40px auto;overflow: hidden;}
.footerlf{width:250px; }
.footerlf div{word-wrap: break-word;margin-top:15px; padding: 0px; border-color: transparent;
font-family: 微软雅黑; font-size: 28px;line-height:30px; border-width: 0px; color: #fff }
.footerlf div span	{    color: rgb(90, 90, 90);
    font-family: Consolas, "Lucida Console", "Courier New", monospace;
    white-space: pre-wrap;
    font-size: 30px;
    text-transform: uppercase;}
	
.footerlf a{ color: #fff;}
.footerlr{width:850px}
.footerlr ul{overflow:hidden;margin-bottom:20px;}
.footerlr ul li{float:left;height:50px;line-height:50px;padding:0 30px;}
.footerlr ul li a{ color: #fff;}
.footerlr ul li:hover{background:#fd6a3f}
.footerlr ul li:hover a{color:#fff;}
.footerlr p{ color: #fff;line-height:35px;;margin-left:30px }
.f-info1{width: 715px; height:auto; overflow:hidden;    padding-right: 50px;
    border-right: 1px solid #999;}
.f-info1{float:left;}

.f-info1 ul li{   margin: 0 10px;    overflow: hidden;}
.f-info1 ul li .dibunav{font-size:16px;color:#fff;margin:15px 10px;display: block;font-weight:600;}
.f-info1 ul li .dbfeml div{overflow:hidden;float: left;
    margin:0 2.5%}
.f-info1 ul li .dbfeml a{display:block;color:#6eb3fb;font-size: 12px;
    margin: 5px 0;text-indent:10px;float:left}
.f-info1 ul li p{font-size:14px;color:#6eb3fb;margin-top:5px;text-indent:10px;overflow:hidden}
.f-info1 ul li p a{font-size:16px !important;color:#6eb3fb !important;}
.gunfoot1{    width: 280px;}
.gunfoot1 li .dbfeml a{float:left;width:33.3%;}
.dibu-a{text-align:center}

.f-r{width:400px;color:#fff;}
	.f-r h3 {
    font-size: 18px;
    margin-bottom: 15px;
}
	.f-r p {
    font-size: 14px;
    line-height: 35px;
   padding-left: 3rem;
    margin: 10px 0;
}
 	.f-r .contact-1-1 {
    background: url(../images/lx-ico1.png) no-repeat 0 center;
    background-size: 30px;
}
	.f-r .contact-1-2 {
    background: url(../images/tel-ico1.png) no-repeat 0 center;
    background-size: 30px;
}
	.f-r .contact-1-3 {
    background: url(../images/dw-ico1.png) no-repeat 0 0;
    background-size: 30px;
}
.f-r .contact-1-4{
    background: url(../images/email.png) no-repeat 0 center;
    background-size: 30px;
}
.foot-banquan{padding:15px 0;background:#022d59}
.foot-banquan p{color:#fff;}
.foot-banquan a{color:#fff;}

.dibu-tel1{margin-top:50px}
.dibu-tel{    font-size: 26px;
    font-weight: 600;    margin-bottom: 15px;  margin-top: 15px;}
.dibu-tel2{font-size:14px;margin-bottom:20px;color: #e8e8e8;}
/*在线客服*/
.qq_content{overflow:hidden; background:#FFF; box-shadow:3px 2px 10px rgba(0, 0, 0, 0.2);}
.qq_content dd{padding:7px; width:135px; background:#eee;}
.qq_content .dt{background:#3786eb url(../images/client_title.png) no-repeat; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer; padding:10px 20px; width:120px;}
.qq img{margin-right:10px;}
.qq_content .ol_tel{background:#eee; font-size:18px; text-align:center;}
.qq_content .ol_tel strong{font-weight:bold; color:#F00;}
.qq_content .ol_tel img{width:100px;}
.qq_content .ol_tel p{color:#000;}
.qq_content .ol_qq a{font-size:14px; color:#950c1e; text-decoration:underline;}
.qq_content .ol_qq img{margin-right:10px;}
.qq_content .qr{background:#FFF; font-size:12px;text-align: center;}
.qq_content .ol_tel .blue{color:#F00;font-size:14px; font-weight:bold;}




.nycontent{width:100%; padding:55px 0 0px; background-color:#fff;}
.nycontent .pe_tit{width:100%; height:130px; text-align:center}
.nycontent .pe_t_ch{font-family:Microsoft YaHei, 微软雅黑, 宋体; height:30px; font-size:32px; letter-spacing:2px; color:#333; font-weight:normal;}
.nycontent .pe_t_ch i{font-style:normal; color:#d7292d}
.nycontent .pe_t_en{ text-transform:uppercase;  color:#5a5a5a; font-size:15px; letter-spacing:0px; margin:20px auto; position:relative; z-index:9}
.nycontent .hr{height:4px; background:url(../images/hr.png) no-repeat center; margin:8px auto}

.nycddcoxnt{    font-family: 微软雅黑;
    font-size: 15px;
    line-height: 260%;color:#5a5a5a}
	.pagination{margin-top:10px;}
/* .pagination li{float:left;} */
.pagination li a{padding:0px 15px;display:block;border:1px solid #ddd;margin:5px;}	
.pagination li.active a	{color:#3786eb}
	
.newsboxx{
    width: 100%;
}
.newsboxx li {
    overflow: hidden;
	width:100%;
	margin:0px ;
    zoom: 1;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
}
.newsboxx li:nth-child(4){
	border:none;
}
.newsboxx .wpart-border-line{padding-top: 20px;
    padding-bottom: 20px;overflow:hidden;}
.newsboxx .wpart-border-line .time	{    background: transparent;
    width: 60px;
    height: 60px;float:left;padding:10px;background:#a7a7a7;text-align:center;}
.newsboxx .wp-new-ar-pro-time{color: #fff;
    font-size: 35px;    height: 41px;
    line-height:41px;}
.newsboxx .date{	color: #fff;
    font-size: 12px;
display: block;height: 18px;
    line-height: 18px;}
	.newsboxx .conts{    margin-left: 20px;float:left;width:85%;}
	.newsboxx .conts	p{color: #5a5a5a;
    font-size: 14px;
    line-height: 20px;
    text-align: left;}
	.newsboxx .articleid {display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 21px;
    color: #5a5a5a;
    font-weight: normal;
    text-decoration: none;
    line-height: 30px;;}
	.newsboxx .abstract{ margin-top:10px; line-height:30px;  width: 100%;
    overflow: hidden;
    word-wrap: break-word;}	
  .t-box1 {
  margin-bottom: 20px; }
 .t-box1 .items {
    text-align: center;
    width: 24%;
    padding: 20px 0;
    float: left; border:1px solid #ddd;
    margin-right: 1%; }
 .t-box1 .items:last-child {
    margin-right: 0; }
  .t-box1 .items img {
    margin-bottom: 10px; }
 .t-box1 .items p {
    font-size: 14px;
    line-height: 28px;
    color: #666; }
 .t-box1 .items p span {
    font-size: 16px;
    line-height: 34px;
    color: #000; }
 .map h4 {
  font-size: 22px;
  color: #000;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee; }
 .map .map_box {
  margin-top: 20px; }

#map{margin-bottom:20px;}	
	
	
.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 10px 0px;}

.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}

.pages a:link,.pages a:visited {color:#666666;}

.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}

.pages a:hover {background:#FB9007;color:#FFFFFF;border:1px solid #E61636;text-decoration:none;text-align:center;padding:2px 5px;}

.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E61636;text-align:center;margin:0px 2px;padding:2px 5px;}

.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

.pagination {text-align:center;}

.pagination li {display:inline-block;color:#333333;height:30px;line-height:30px;margin:0px 4px;vertical-align:middle; font-size: 14px;}

.pagination li a {float:left;display:block;height:25px;line-height:25px;padding:0 10px;font-size:14px;border:1px solid #dddddd;color:#666;text-decoration:none;}

.pagination li a:hover {background:#FB9007;color:#ffffff;}

.pagination li a.thisclass {background:#FB9007;color:#ffffff;border:1px solid #E61636;cursor:default;}

.pagination li a.thisclass:hover {background:#FB9007;color:#ffffff;border:1px solid #E61636;cursor:default;}

.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}

.pagination li .pageinfo strong {color:#555555;font-weight:normal;}

.pagination table {text-align:center;margin:10px 0px 0px 25%;}

.pagination table td {padding:0px 2px;}

#pages {padding:14px 0 70px;text-align:right;}

#pages a {display:inline-block;height:30px;line-height:30px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 14px;margin: 0;}

#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}

#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}

#pages span {display:inline-block;height:30px;padding:0 14px;line-height:30px;background:#3786eb;border:1px solid #3786eb;color:#ffffff;text-align:center;}

#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	