/* common */
body{ font-family:"microsoft yahei","微软雅黑","sans-serif";background:#2D7DC4;}
*{font-family:"Microsoft YaHei","微软雅黑",sans-serif; font-size:13px; margin:0px auto; padding:0px;}
img{ border:0px none;}
ul,li{margin:0;padding:0;list-style:none;}
input,select,textarea {margin:0px;}

/* link */
a img{ border:0px none;}
a:link,a:visited {color:#333; text-decoration:none;}
a:hover,a:active {color:#ff0000; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
.clear{clear:both;height:0;font-size: 1px;line-height: 0px;} 
#container{ width:100%; background:#2D7DC4 url(../../images/blue_bg.jpg) center bottom no-repeat; margin: 0 auto; padding:40px 0px; height:auto;}
.container{ width: 1200px; padding: 20px 29px; background:#fff; border-radius:5px; height:100%;overflow:hidden;}
.wrap{ width:1258px;}

/*fonts*/
@font-face{
font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);
src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) 
format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) 
format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) 
format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) 
format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) 
format('svg')}
.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.glyphicon-home:before{content:"\e021"}
.glyphicon-earphone:before{content:"\e182"}
.glyphicon-phone-alt:before{content:"\e183"}
.glyphicon-map-marker:before{content:"\e062"}
.glyphicon-user:before{content:"\e008"}
.glyphicon-phone:before{content:"\e145"}

/* head */
#header{ width: 100%; background: #fff; z-index:2;}
#header .header{ height:90px; padding-top:10px;}

/* nav */
#indexMenu{ width: 100%; height: 46px; background: #0D5FA8;}
.indexMenu{ background: #0D5FA8; width:1258px;}
.indexMenu .drop_menu {float:left; position:relative;text-align:center; line-height:46px;}
.indexMenu .drop_menu .a1{ display:block;float:left; font: 14px/46px 'microsoft yahei';width:179px; height:46px; color:#fff;}
.indexMenu .drop_menu .a1:hover{ background:#222;}
.indexMenu .drop_menu .a1:hover span{ width: 100%; margin:0 auto; opacity: 1;display:block;}
.indexMenu .submenu { display:block;background:#222; font-family:'microsoft yahei';}
.indexMenu .submenu { display:none;position:absolute; width:179px; top:46px;left:0px;}

.indexMenu .submenu li{width:179px; height:32px; line-height:32px;}
.indexMenu .submenu li .a2{ padding: 0px; text-align: center; float: left; color: #fff; width: 179px; height: 32px; font: 14px/32px 'microsoft yahei';line-height:32px; }
.indexMenu .submenu li .a2:hover{ padding: 0px;background: #808080;}


/*banner*/
#banner {width:100%; height:450px; margin:0px auto; z-index:-1; position:relative;}
#full-screen-slider { width:100%; height:450px; position:relative;}
#slides { display:block; width:100%; height:450px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indents:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:20%; top:400px; z-index:9900; padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#999;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0D5FA8;}

/* class */
.p-class{ width: 1200px; padding:15px 0px; overflow:hidden; border: 1px solid #c5c5c5; font-weight:bold;}
.p-class span{ display:block; color: #0D5FA8; width: 125px; height: 90px;line-height: 90px; font-size: 20px; text-align: center; margin-right:20px; border-right:1px solid #C5C5C5;}
.p-class ul{ margin:5px 0px;}
.p-class ul li { float: left;display: inline-block; line-height:26px; width:150px;}
.p-class ul li a { text-decoration: none; color: #3f3f3f; font-size: 16px;}
.p-class ul li a:hover { text-decoration: none; color: #ff0000; font-size: 16px;}
.p-class ul li a i {font-style: normal;  margin-right: 10px; font-size: 12px;}

/*n-1*/
.newsbox{ display:block; width:910px; height:120px; margin-bottom:15px; overflow:hidden;}
.newsbox:hover .textbox{ background:#0D5FA8; border:1px solid #0D5FA8; border-left:none;}
.newsbox:hover .textbox b{ right:0;}
.newsbox:hover .textbox strong{ color:#fff;} 
.newsbox:hover .textbox h6{ color:#fff;} 
.newsbox .imgbox{ float:left; overflow:hidden;transition:all 1s;}
.newsbox .imgbox span{ display:block; height:118px; width:142px; border:1px solid #ccc}
.newsbox .imgbox img{ display:block; margin:0 auto; min-height:100%;}
.newsbox .textbox{ background:#eee; border:1px solid #d7d7d7; border-left:none; position:relative; padding:10px; height:98px; overflow:hidden; transition:all 1s;}
.newsbox .textbox b{ position:absolute; right:-127px; top:0; z-index:99999; width:127px; height:100%; background:url(../../images/hover.png) no-repeat left; overflow:hidden;transition:all 1s;}
.newsbox .textbox strong{ display:block; font-size:14px; color:#333; font-weight:normal; transition:all 1s; margin-bottom:10px;}
.newsbox .textbox h6{ margin:5px 0 0 0; color:#666; line-height:20px; transition:all 1s;font-weight:normal;}



/* about news contact */
.about{ width:1200px; padding:20px 0px; height:auto;}
.about_box,.news_box{ width:380px; margin-right:30px; overflow:hidden;}
.title{ background:url(../../images/title.jpg) no-repeat; height:35px; margin-bottom:15px;}
.about_box .more,.news_box .more,.contact_box .more{ padding-top:5px;}
.about_title{ height:35px; background-position:0 0;}
.news_title{ background-position:0px -35px; height:35px;}
.contact_title{ background-position:0px -70px; height:35px;}

.about_box img{ text-align:center;}
.about_box p{ line-height:24px; font-size:13px;}
.news_box .a-nr img{ 
  border-radius:5px; 
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */ 
  margin-right:10px;
}
.news_box .news-r h1{ font-size:15px;}
.news_box .news-r p{ font-size:13px; line-height:24px;}
.news_box .n-li ul li{ font-size:13px; line-height:36px; float:left;}
.news_box .n-li ul li a{ width:360px; height: 36px; line-height: 36px;float: left; background: url(../../images/dian.jpg) left no-repeat; padding-left: 10px; overflow: hidden; border-bottom:1px dashed #CCC;}
.news_box .n-li ul li span{float: right; font-size:12px; margin-left:-60px;}

.contact_box{ width:380px;}
.contact_box img{ 
border-radius:6px;
-moz-border-radius: 6px; /* Firefox */
-webkit-border-radius: 6px; /* Safari and Chrome */
}
.contact_box ul li{ height:32px; color:#222; line-height:32px; overflow:hidden; text-overflow:ellipsis;}
.contact_box ul li b{ margin:0 10px 0 0; line-height:32px;color:#666;}

/* case */
.case_box { margin:15px 0px; width:1200px;}
.case_box .case_title{ background:url(../../images/title.jpg) no-repeat; height:35px; background-position:0px -105px;}
.case_box ul{ width:1200px; float:left;}
.case_box ul li{ 
	width:224px; 
	height:210px; 
	float:left; 
	border-radius:5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
    transition:all 0.3s; 
    background:#d7d7d7; 
    margin:15px 16px 15px 0px;}
 
.case_box ul li img{ margin-left:6px; margin-top:6px;margin-right:6px; width:212px;}
.case_box ul li span{height:30px; line-height:30px; text-align:center;float: left; width: 224px;}
.case_box ul li a{width:224px; height:179px; float:left;}
.case_box ul li a:hover{
	color:#fff; 
	background:#0D5FA8; 
	border-radius:5px;
	border-radius:5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */ 
	width:224px; 
	height:210px}

/*product_page*/
.neiye { width:1200px; float:left; background:url(../../images/cbg.jpg) repeat-y; margin:0px auto;}
.neiyeLeft { width:230px;float:left;}
.neiyeLeft .im_title { padding-left:30px; height:38px; font:14px/38px 'microsoft yahei'; color:#fff; background:url(../../images/class_title.jpg) no-repeat;}

.subNav li{ width:230px; height:30px; line-height:30px; float:left; background:url(../../images/class_link.jpg) no-repeat;}
.subNav li a:link,.subNav li a:visited{ display:block; padding-left:50px; color:#333;}
.subNav li a:hover,.subNav li a:active{ display:block; padding-left:50px; color:#FF6600; background:#cdcdcd url(../../images/class_hover.jpg) no-repeat;}

.subNav .navContent{ padding:10px 30px 10px 40px; margin:0px auto;}
.subNav .navContent li{ width:160px; float:left; display:inline-block; background:none;}
.subNav .navContent li a:link,.subNav .navContent li a:visited,.subNav .navContent li a:hover,.subNav .navContent li a:active{ display:block; line-height:30px; padding-left:20px; background:url(../../images/news_list.gif) left center no-repeat; border-bottom:1px dotted #a5a5a5;}

.neiyeLeft .contact{ padding:10px; line-height:24px;}
.neiyeRight { width:970px;float:right;}
.neiyert_title { width:100%;height:38px;background:url(../../images/ny_title.jpg) no-repeat; border-right:1px solid #D4D4D4;line-height:38px;}
.neiyert_title span { margin-left:40px;}
.neiyert_content ul { padding:20px 10px;overflow:hidden; text-align:center;}
.neiyert_content ul li { width:205px;height:180px;float:left;overflow:hidden; padding:10px 0 0 16px; margin-right:10px; margin-bottom:10px;border:1px solid #eaeaea;}
.neiyert_content ul li img { text-align:center; height:140px;}
.neiyert_content ul li .a1 { width:205px;height:40px;line-height:40px; float:left}
.neiyert_content ul li .a1:hover { color:red;}

/* footer */
#footer{ background:#222; width:100%;}
.footer{ width:1258px; background:#222; margin:0px auto; color:#9c9c9c;}
.footer a{ color:#9c9c9c;}

.footer dl{ height:140px; margin:20px 0px; padding:0px 50px; float:left; border-right:1px solid #3A3A3A;}
.footer dt a{display:block;color:#a9a9a9; font-size: 16px; margin-bottom: 16px;}
.footer dt a:hover{color:#459AF3; font-size: 16px; margin-bottom: 16px;}
.footer dd a{color:#a9a9a9; line-height:22px; background:url(../../images/footer_icon.png) left center no-repeat; padding-left:15px;}
.footer dd a:hover{color:#459AF3;line-height:22px;}

.footer .tp-foot{ height: 50px; line-height: 24px; border-top:1px solid #3A3A3A; margin-top:15px;}
.footer .tp-foot li{ height: 16px; line-height: 16px; float:left; margin:15px 0px;}
.footer .tp-foot li a { font-size: 14px; color: #9c9c9c;}
.footer .tp-foot li:nth-child(2n){ padding:0 8px;border-right: 1px solid #9c9c9c;}
.footer .tp-foot li:nth-child(2n+1){ padding:0 8px; border-right: 1px solid #9c9c9c;}
.footer .tp-foot .rt{ margin-top:12px;}