@charset "utf-8";
/* 我的css*/
*{margin:0;padding:0;}
body{overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,ul,li{margin:0;padding:0;font-weight: normal;}
ul,li{list-style:none} fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;margin: 0 auto;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
a{outline:none; text-decoration:none;-webkit-transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out} a:link,a:active,a:visited{color:#000;}
a:hover{color:#000;text-decoration:none;}
.c{clear:both;width:100%;height:0;overflow:hidden;}
.red{color:#F00} .blue{color:#0D6AA7;} .gray{color:#777;} .white{color: #FFF;}
.left{float: left;} .right{float: right;} .center{margin:0 auto; text-align:center;}
.show{display:block; visibility:visible;} .hide{display: none; visibility:hidden;}
.hf{text-align: left;text-indent: -9879px;overflow: hidden;}
.oh{overflow:hidden;} .tal{text-align:left;} .tar{text-align:right;}
.jscode{width:100%;text-align: center;} .jscode p{display: inline;}
#gohome{position:fixed;bottom:20px;right:40px;width:40px;height:40px;}
#gohome a{width:100%;font-size: 32px;line-height: 40px;color:#999;}
div,p{width:100%;text-align: left;display: block;}
p{text-indent:2em;}
.c1 {width: 100%;}.c2 {width: 50%;}.c3 {width: 33.333%;}.c4 {width: 25%;}.c5 {width: 20%;}
/* Globel */
body{font:400 13px/25px Arial, Helvetica,sans-serif;color:#333;background: url(bg.jpg) repeat-x;}
.wrap{}
.inner{width:1000px;}
/* header */
#head{}
.top_info{height:30px;background: #eee;line-height: 30px;}
#logo{height:120px;background: url(headeren.jpg) 0 10px no-repeat;}
#search{}
/* menu */
#nav{}
#nav .inner{z-index: 99;}
#navul{width:100%;height:50px;line-height:50px;float: right;font-size: 12px;}
#navul li{width:12.5%;float: left;overflow: hidden;_width:12%;}
#navul h3{width:100%;background: url(ms.jpg) right 0 no-repeat;display:block;}
#navul h3 a{display:block;color:#333;text-align: center;font-family: "Microsoft Yahei";text-shadow: 0 1px #fff;}
#navul h3 a:hover,#navul li.on h3 a,#navul li.current h3 a,#navul li.select h3 a{background:url(mh.jpg) 7px 7px no-repeat;color:#000;}
#navul li.select h3 a{}
#navul ul {display:none;position:absolute;margin:-2px 0 0 0px;+margin-left:-60px;float: left;padding:0;width:160px;background:none;z-index: 99;height:auto;font-size:12px;font-weight: normal;background:#1552BD;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);}
#navul ul li{clear:both;width:100%;height:31px;margin:0;overflow: hidden;background:none;border-right: 1px solid #0E3A84;}
#navul ul a{clear:both;width:100%;height:30px;float:left;color:#fff;font-size: 12px;border-bottom: 1px solid #0E3A84;line-height:30px;display:block;transition:all 0.2s ease;}
#navul ul a:hover {background:#fff;color:#000;}
#navul li#m105 ul,#navul li#m111 ul {width:375px;margin:0 0 0 -125px;+margin-left:-200px;}
#navul li#m105 li,#navul li#m111 li{width:124px;float:left;clear:none;border-right: 1px solid #0E3A84;}
/* slider */
#slider{border-bottom: 4px solid #11588E}
.callbacks_container{position: relative;z-index: 1}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {  position: absolute;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {  display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.rslides .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;
color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.rslides_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top:52%;left: 0;opacity: 0.3;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("themes.gif") no-repeat left top;margin-top: -45px;}
.rslides_nav:active {opacity: 1.0;}
.rslides_nav.next {left: auto;background-position: right top;right: 0;}
/* home containner */
.title{height:50px;line-height: 50px;}
.title span{float:left;text-align: left;line-height: 50px;text-indent: -9876px;}
.title a{width:70px;height:120px;float:right;text-indent: -9876px;}
.intro{line-height:25px;}
.model_list ul{width:97%;float:left;}
.model_list li{width:97%;float:right;height:30px;line-height: 30px;border-bottom: 1px dashed #ccc;}
.model_list a{width:100%;height:30px;float:left;text-align: left;text-indent: 20px;overflow: hidden;background:#fff url(li.png) 5px -38px no-repeat;white-space: nowrap;line-height: 30px;color:#555;}
.model_list a:hover{color:#114399;background:#f9f9f9 url(li.png) 5px -38px no-repeat;}
.model_list span{width:80px;height:26px;float:right;text-indent:0;color:#999;font-size: 10px;text-align: right;overflow: hidden;margin-top: -30px;}
.model_img{}
.model_img ul{width:100%;float:left;}
.model_img li{width:25%;float:left;margin-top: 20px;}
.model_img a{width:94%;border:1px solid #ccc;float:left;overflow: hidden;}
.model_img img{width:100%;float:left;display: block;/*height:164px;*/}
.model_img span{width:100%;height:30px;line-height:30px;float:left;text-align: center;background: #ccc}
.model_img a:hover{border:1px solid #1552BD;}
.model_img a:hover span{background: #1552BD;color:#fff;}
/*.model_img{}
.model_img ul{width:101%;float:left;}
.model_img li{width:16%;float:left;margin:2px;}
.model_img a{width:97%;float:left;overflow: hidden;border: 1px solid #ccc}
.model_img img{width:100%;float:left;display: block;border: 1px solid #fff}
.model_img span{width:100%;height:25px;line-height:30px;float:left;text-align: center;background: #ccc;border: 1px solid #ccc}
.model_img a:hover{border: 1px solid #0D426A}
.model_img a:hover span{border: 1px solid #0D426A;background: #0D426A;color:#fff;}
*/
.imgani a.ani{position: relative;overflow: hidden;display: block;}
.imgani a.ani:after{content: '';position: absolute;display: block;z-index: 5;
left: 0;right: 0;top: 0;bottom: 0;
background: rgba(48, 54, 65, 0.5);
-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);
-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.imgani a.ani span{position: absolute;display: block;overflow: hidden;
text-indent: -9868px;background: url(zoom-icon.png) no-repeat center center;z-index: 10;
top: 50%;left: 50%;margin-top: -16px;margin-left: -16px;width: 32px;height: 32px;
-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);
-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);
-moz-transition: all .8s cubic-bezier(0.175, 0.885, 0.320, 1.275);-o-transition: all .8s cubic-bezier(0.175, 0.885, 0.320, 1.275);-webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.320, 1.275);transition: all .8s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.imgani a.ani:hover:after{-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.imgani a.ani:hover span {-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);
-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);
}
.imganii a{position:relative;transition:all 0.3s ease;/*box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);*/border:1px solid #ccc;}
.imganii img{transition:all 0.3s ease;}
.imganii span{width:100%;left:0;bottom:0;background:#ccc;position: absolute;transition:all 0.3s ease;opacity:1;filter:alpha(opacity=100);}
.imganii a:hover{border:1px solid #000;}
.imganii a:hover img{transform:scale(1.3);-webkit-transform: scale(1.3);}
.imganii a:hover span{background:#000;color:#fff;opacity:0.7;filter:alpha(opacity=70);}
.cate{}
.cate ul{width:100%;margin:0 auto;}
.cate li{width:100%;height:46px;border:none;}
.cate a{width:100%;height:46px;line-height:46px;text-indent:40px;display: block;background: url("Index_prosort_link.jpg");font-size:14px;font-family: "Microsoft Yahei";text-align: left;color:#555;}
.cate li.current a,.cate li a:hover{color:#fff;background: url("Index_prosort_hover.jpg")}
.cate li.cateclass2 a{text-indent:60px;background-position: 50% -160px;}
.cate li.cateclass2 a:hover{text-indent:60px;background-position: 50% -240px;}
.cate ul.listsub{width:160px;position:absolute;margin:-60px 0 0 180px;display:none;border:3px solid #0C712F;padding:4px;padding-bottom:0;background:#FFF;+margin-left:-40px;_margin-left:-80px;}
.cate ul.listsub li {clear:both;margin:0;overflow: hidden;height:33px;background:none;width:100%;}
.cate li.current ul.listsub li{height:35px;overflow: hidden;}
.cate li.current ul.listsub li a{clear:both;background:none;float:left;color:#000;height:30px;width:100%;text-indent:20px;text-align: left;background: #ddd;font-size:12px;line-height:30px;font-style: normal;margin: 0;font-weight: normal;}
.cate li.current ul.listsub li a:hover{background:#0C712F;color:#FFF;margin: 0;font-weight: normal;}
#categories{padding: 50px 0 30px 0;}
#categories .title{height:67px;background: url(rowi_bg.jpg) 50% 0 no-repeat;}
#categories .cate li{width:20%;height:50px;float:left;}
#categories .cate a{height:38px;line-height:38px;background: url(cate.jpg) 50% 0 no-repeat;color:#fff;text-align: center;text-indent: 0;}
#categories .cate a:hover{background-position: 50% -118px;}
#categories .intro{padding-top: 30px;}
#rowii{padding:0 0 30px 0;background: #f4f4f4 url(rowii_bg.jpg) 50% 30px no-repeat;}
#products{height:560px;}
#products .title{height:110px;}
#products li a{height:200px;}
#products img{height:170px;}
#rowiii{background: url(rowiii_bg.jpg) repeat-x;}
#rowiii .inner{padding-top:205px;background: url(reason_bgen.jpg) no-repeat;}
.reason{height:200px;text-indent: 2em;}
.reason .intro{width:370px;height:120px;padding:0 0 0 125px;}
.reasonii{height:180px;}
.reasoniii {height:170px;}
.reasoniii .intro{width:365px;height:100px;padding:0 50px 0 0;float:right;}
#rowiv{background: #f4f4f4 url(rowiv_bg.jpg) repeat-x;}
#rowiv .inner{background:url(rowiv_inner_bg.jpg) no-repeat;padding-top: 40px;}
.intro_title{height:50px;font-size: 24px;font-weight: bold;color:#0a4ab5;}
#introduce{width:90%;height:370px;}
#introduce .intro{width:60%;height:250px;}
#partner{height:220px;}
#partner li{width:15%;float:left;}
#partner .intro{width:95%;}
#partner #roll_left{width:95%;}
#rowv{height:400px; background:#f4f4f4 url(rowv_bgen.jpg) 50% 0 no-repeat;padding-bottom:30px;}
#rowv .title{height:70px;}
#news{width:69%;}
#news .intro{width:98%;}
#contact{width:26%;height:380px;background: url(contacten.jpg) 10px 220px no-repeat;}
#abcompany,#bnews{float:left;}
.cimg{width:30%;float:left;}
.cimg a{width:94%;height:auto;float:left;background: none;}
.cimg a:hover{background: none;}
.cimg img{width:89%;float:right;}
#abcompany .title{width:68%;height:40px;float:right;}
#abcompany .title a{width:100%;height:40px;line-height:40px;float:left;font-size: 16px;background: none;}
#abcompany .title a:hover{color:#000;}
#abcompany .app{width:68%;float:right;}
#bnews{padding-top:15px;border-top: 1px dashed #ccc;margin-top:15px;}
#bnews ul{width:97%;float:right;}
#bnews li{width:48%;float:left;margin-right:1%;}
/* sub containner*/
#subcontainer{}
#subcontainer .inner{padding: 20px 0;}
.slidersub{height:250px;background: url(slider.jpg) center 0 no-repeat;border-bottom: 1px solid #999}
#slider_about{background-position: 50% 0;}
#slider_news{background-position: 50% -250px;}
#slider_pro{background-position: 50% -500px;}
#slider_case{background-position: 50% -750px;}
#slider_service{background-position: 50% -1000px;}
#slider_job{background-position: 50% -1250px;}
#crumb{color:#777;background:#f4f4f4 url(pattern07.png);line-height:40px;border-bottom: 1px solid #0D426A;}
#crumb a{color:#777;}
.crumb_name{width:40%;font-size: 16px;color:#0D426A;text-indent: 20px;}
.crumb{width:55%;padding-right: 10px;}
#holder{width:72%;}
.placestyle{width:96%;padding:10px 0;}
.placestyle strong{font-weight: 700;color:#920000;}
.li_text ul{width:100%;line-height:35px;}
.li_text li{width:100%;border-bottom:1px #CCC dashed;background:url(li.png) 5px -85px no-repeat;overflow:hidden;}
.li_text a{width:100%;overflow:hidden;float:left;text-indent:20px;}
.li_text a:hover{color:#0D426A;background: #f4f4f4 url(li.png) 8px -85px no-repeat;text-indent:23px;}
.li_text span{width:70px;color:#777;float:right;text-align: center;margin: -35px 0 0 0;font-size: 11px;-webkit-transform: scale(0.83333);}
.li_img{margin-top:10px;}
.li_img ul{width:103%;padding-left:1%;}
.li_img li{width:33%;float:left;margin-top: 25px;}
.li_img a{width:89%;overflow:hidden;float:left;padding-bottom: 25px;box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);}
.li_img img{width:100%;height:156px;overflow:hidden;float:left;}
.li_img span{width:100%;line-height: 25px;height: 25px;text-align: center;float:left;}
.view_title{padding: 15px 0 25px 0;font-size: 24px;border:none;color:#0D426A;}
.view_info{border: 1px dotted #ccc;line-height: 30px;border-left: none;border-right: none;font-size: 12px;}
.view_info .left{width:50%;padding: 0 20px;}
.view_info .right{width:30%;text-align: right;padding: 0 20px;}
#fontsize{padding: 10px 0;line-height: 200%;text-align: left;}
.view_content{text-align: 2em;}
.view_nav{border-top: 1px solid #CCC;line-height: 25px;}
.view_relate{}
.view_relate_title{padding: 7px 0;font-size: 14px;text-indent: 2em;border-bottom: 1px solid #CCC;background:#fff url(pattern06.png);color:#000;border-top:1px solid #0D426A}
.view_relate ul{line-height:25px;}
.view_relate li{width:50%;float:left;background: url(li.png) 10px -90px no-repeat;}
.view_relate li a{font-size: 12px;}
.view_relate li a:hover{background: #f4f4f4;}
.view_relate span{margin: -25px 0 0 0}
.cover_img{margin: 20px auto;}
.view_img{position: relative;}
.lvbg1{width:92%;height:50%;position: absolute;left:4%;top:25%;background: #eee;z-index: -9}
.lvbg2{width:88%;height:60%;position: absolute;left:6%;top:20%;background: #ddd;z-index: -5}
.para{margin-bottom:10px;border: 1px solid #CCC;border-right:none;font-size: 12px;width: 100%;}
.para .oddo,.para .oddl{border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;padding:5px 0 5px 5px;}
.para .oddol,.para .oddll{text-align:right;padding-right:5px;}
.pager{width:60%;float:right;padding:20px 0;text-align: center;}
#pager{float:right;text-align: left;}
#pager li{float:left;margin-left:5px;width:24px;text-align: center;}
#pager li.info{width:50px;text-align: right;background: none;}
#pager li.current{background: #0D426A;color:#FFF;}
#pager li a{width:100%;float:left;background: #eee;display: block;}
#pager li a:hover{background: #0D426A;color:#FFF;}
#hold_about{}
#hold_news .view_title{text-align: center;}
#hold_case .li_img ul{width:100%;}
#hold_case .li_img li{width:25%;}
#hold_case .li_img li a{padding: 0;}
#hold_case .li_img img{height:118px;}
#hold_case .li_img span{background: #ccc}
#hold_case .li_img a:hover span{background: #999}
/* side content*/
#side{width:260px;}
.sbwrap{width:100%;margin-bottom: 20px;}
.sbtitle{height:60px;line-height:50px;color:#fff;font-size: 20px;text-indent: -9879px;}
.sbapp{width:258px;padding:10px 0;border: 1px solid #1452bd;border-top: none;}
.sbapp ul{width:93%;float:right;}
.sbapp li{height:35px;}
.sbapp li a{height:30px;line-height:30px;background: url(subcate.jpg) no-repeat;color:#fff;white-space:nowrap; }
.sbapp li a:hover{background: url(subcate.jpg) 0 -80px no-repeat;color:#000;}
.sbapp li.select a{color:#777;font-weight:bold;}
.sbfoot{display: none;}
#side p{text-indent:1em;}
#sbcontact{background: url(sbcontacten.jpg) no-repeat;}
#sbcontact .sbapp{padding-top: 10px;}
#sbpro .sbtitle{background: url(sbpro.jpg) no-repeat;}
#sbnews .sbtitle{background: url(sbnews.jpg) no-repeat;}
#sbapplic .sbtitle{background: url(sbappl.jpg) no-repeat;}
/* footer */
#footer{font-size: 12px;background:#555 url(footer.png);line-height: 20px;}
.copyright{width:85%;padding: 20px 0;color:#999;}
.copyright a{color:#999;}
.foot_nav{height:30px;text-align: center;} .foot_nav a{color:#ccc;} .foot_nav a:hover{color:#fff;}
.foot_contact{text-align: center;} .foot_contact p{text-indent: 0;}
.foot_info{text-align: center;}
.gongshang{width:15%;padding:20px 0 0;} .gongshang a{width:160px;height:40px;background: url(wws.gif) 0 -70px no-repeat;}
/* other */
#link{border: 1px solid #ccc;}
.link_title{width:8%;height:30px;}
#link ul{width:92%;float:right;overflow:hidden;}
#link li{height:30px;float:left;padding-right:10px;display:inline;}
#link a{color:#555;height:30px;}
#link a:hover{color:#000}
/* qq */
#qqline {position:fixed;top:250px;left:10px;width:140px;z-index: 99}
#qqline ul{width:100%;float:left;overflow:hidden;}
#qqline li{width:100%;height:30px;float:left;overflow:hidden;background:url(QQ.png) no-repeat;}
#qqline a{width:100%;height:30px;float:left;overflow:hidden;text-align:center;font:12px/30px Arial;}
#qqline li.qqo{height:110px;background-position:0 0;}
#qqline li.qql{height:30px;background-position:0 -110px;}
#qqline li.qqz{width:100%;float:left;height:135px;overflow:hidden;background-position:0 -140px;}
#tq_invit_words p{text-indent: 0;line-height: 22px;}
.sbapp li.cateclass2 a{background: url(subcate.jpg) 0 -160px no-repeat;}
.sbapp li.cateclass2 a:hover{background: url(subcate.jpg) 0 -240px no-repeat;}