@charset "gb2312";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font-family:"微软雅黑", Arial, Tahoma, Verdana, sans-serif;font-size:12px;background:#f6f6f6;}
ol,ul,li{list-style-type:none;}
a{text-decoration:none;}
img{border:0;}
picture{display:block;}
a:hover{text-decoration:none; color:#ff0000}
.fl{float:left;}
.fr{float:right;}
.wrap { margin:0px auto; width:1220px; overflow:hidden; clear:both}
.clear{clear:both;}

a{ color:#666; text-decoration:none;}
a:hover{ color:#ff0000; text-decoration:none;}
/* Navigation */
/*头部*/
.header { height:100px; background:#ededed; clear:both}
.top { line-height:37px; color:#696969; font-size:10px; height:37px; background:#e0e0e0; border-bottom:#f5f5f5 1px solid;; clear:both; overflow:hidden;}
.top .left { float:left}
.top .right { float:right; text-align:right; padding-top:3px; padding-right:10px;}
.wrapx { width:1100px; margin:0px auto; clear:both;}

.logo{padding-top:19px; width:158px; overflow:hidden; float:left;}
.sinput{float:left; font-size:10px; width:160px;background:url(../images/ss_lt.jpg) no-repeat 0px 6px; height:31px; color:#999999; padding-left:5px; line-height:35px; border:0} 
.sbtn{float:left; width:32px; height:31px;background:url(../images/fdj.jpg) no-repeat 0px 6px; cursor:pointer; display:inline-block; border:0;} 


nav{height:100px;float:right}
nav .inner{z-index:9999;}
nav ul{height:48px;zoom:1;}
nav li{ float:left; display:inline;height:100px; padding:0px 10px; display:block; line-height:100px; text-align:center; white-space:nowrap; position:relative;z-index:999;}
nav li.line{ padding:0px 1px;}
nav li a.nav{ font-size:14px; color:#605f5f; display:block;}
nav li.navdown,nav li.hover{}
nav li.navdown a.nav,nav li.hover a.nav{ color:#ff0000;}
nav dl{ display:none; position:absolute;z-index:999999;background:#ededed; text-align:left; left:0px;top:100px;}
*html nav  dl{}
*+html nav  dl{}
nav dl dd{ }
nav dl dd a{ border-bottom:#efefef 1px solid; width:140px; font-size:14px; color:#666666;height:40px; line-height:40px; overflow:hidden; text-align:center; display:block}
nav dl dd a:hover{ color:#fff; background:#666; border-bottom:#666 1px solid;}
nav dl.nav-pro dd{ float:left; background:none; height:auto; padding:0px;}
nav dl.nav-pro dd a{ padding-left:30px; font-size:14px;}
nav dl.nav-pro dd p{ white-space:normal; padding-top:5px;}
nav dl.nav-pro dd p a{ display:block; font-weight:normal; font-size:12px; line-height:2;}
.met_flash{ margin-top:10px; font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
nav li a.lg { color:#ff7000}
nav li a.lg:hover { color:#fff}
/*内页侧栏*/
.sidebar{ width:1200px; clear:both; z-index:1; position: relative; margin:20px auto;}
.sidebar .sb_nav { width:260px; background:#1768b9; clear:both; float:left; }
.sidebar .sb_nav .titxx { padding-top:20px; background:#666666; text-align:center; line-height:29px; overflow:hidden; color:#fff; font-size:26px; display:block; height:81px; font-weight:bold;}
.sidebar .sb_nav .titxx p { clear:both; font-size:16px; font-weight: normal;}


div.ti1-bg{ width:260px;clear:both;background:url(../images/probg.jpg) no-repeat top; height:86px; padding-bottom:10px; overflow:hidden; padding-top:5px;}
div.ti1-bg h4 { font-family:"微软雅黑"; color:#fff; font-size:22px; float:left; padding-left:12px; line-height:58px; }
div.ti1-bg p{ margin-left:12px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; line-height:18px;}
.sidebar .ct-con{ line-height:2; color:#333;}
.sidebar .ct-con ul,.sidebar .ct-con ol{ padding:0px 0px 0px 25px; margin:0px;}
.sidebar .ct-con a{ color:#1C57C4; text-decoration:underline;}
#sidebar dl{ background:#fcfcfc}
#sidebar dl dt{ line-height:52px; height:52px; background:url(../images/22.png) #f3f3f3 no-repeat 20px 19px; border-bottom:#e6e6e6 1px solid}
#sidebar dl dt a{font-size:14px; display:block; text-indent:40px; padding-right:20px;}
#sidebar dl dt a:hover{color:#fff; background:url(../images/11.png) #a4a3a3 no-repeat 20px 19px;}
#sidebar dl dd{}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px;}
#sidebar dl dt.on a{ font-weight:bold; color:#11578b; }
#sidebar dl h4.on a{ font-weight:bold;}

.sidebar .sb_box{ float:right; width:920px; border:#efefef 1px solid; margin-bottom:20px; min-height:300px; overflow:hidden; background:#fff;}
.sidebar .sb_box h3.title{ padding-left:20px; border-bottom:1px solid #eee;height:100px; overflow:hidden; line-height:32px;}
.sidebar .sb_box h3.title .tit{ font-size:20px; color:#666;}
.sidebar .sb_box h3.title .eng{ font-size:32px; color:#f19e10;text-transform:uppercase; padding-top:20px;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px; color:#000;}
.sidebar .sb_box h3.title div.position a{ color:#666;}
.sidebar .sb_box h3.title div.position a:hover{ text-decoration:underline;}


.currentNav { display:block;}
.currentNav a { color:#FFFFFF; background:url(../images/11.png) #a4a3a3 no-repeat 20px 19px; text-indent:40px; display:block;}

.position { text-align:right; padding:50px 5px; font-size:14px; margin:0px auto;width:500px;}
.position span{background:url(../images/home_ico.gif) no-repeat left; background-size:18px 18px; padding-left:22px;}

.prolist { padding:10px 10px 25px 10px;}
.prolist li { margin-top:0px;}
.prolist li a{ text-decoration:none; background:url(../images/j1.png) no-repeat 10px 18px; border-bottom:#0d90b9 1px dotted; display:block; color:#fff; font-size:14px; line-height:40px; padding-left:32px;}
.prolist li a:hover{ text-decoration:none; background:url(../images/j1.png) #373b85 no-repeat 10px 18px; border-bottom:#0d90b9 1px dotted; display:block; color:#fff; font-size:14px;}
.prolist p a{ color:#fff; text-decoration:none; font-weight:normal; height:32px; overflow:hidden; padding-left:20px; font-size:12px; background:url(../images/dd.png) no-repeat 10px 14px;line-height:30px; display: block; width:190px;}
.prolist p a:hover {background:url(../images/dd.png) #117bc9 no-repeat 10px 14px;}

.banner1 { width:100%; margin:0px auto; height:250px; clear:both; background:url(../images/banner1x.jpg) no-repeat center;}
.banner2 { width:100%; margin:0px auto; height:250px; clear:both; background:url(../images/banner2x.jpg) no-repeat center;}
.banner3 { width:100%; margin:0px auto; height:250px; clear:both; background:url(../images/banner3x.jpg) no-repeat center;}
.banner4 { width:100%; margin:0px auto; height:250px; clear:both; background:url(../images/banner4x.jpg) no-repeat center;}
.banner5 { width:100%; margin:0px auto; height:250px; clear:both; background:url(../images/banner5x.jpg) no-repeat center;}
.banner6 { width:100%; margin:0px auto; height:250px; clear:both; background:url(../images/banner6x.jpg) no-repeat center;}
.banner7 { width:100%; margin:0px auto; height:250px; clear:both; background:url(../images/banner7x.jpg) no-repeat center;}


.ss { float:left; padding-top:27px; width:219px; padding-left:10px;}
.sinput{float:left; font-size:14px; text-indent:15px; width:163px;background:url(../images/ss_lt.png) no-repeat 0px 0px; height:44px; color:#a1a1a1; padding-left:5px; line-height:32px; border:0} 
.sbtn{float:left; width:51px; height:44px;background:url(../images/fdj.png) no-repeat 0px 0px; cursor:pointer; display:inline-block; border:0;} 
.search .keyword { color:#333; padding-left:10px; float:left;}


.products { width:1200px; margin:10px auto; border:#dbdbdb 1px solid; border-radius:15px; height:365px; overflow:hidden; clear:both}


.btn { background:#fff; border-radius:3px; border:#d6d6d6 1px solid; font-size:14px; width:130px; margin:20px auto; display:block; height:38px; line-height:38px; text-align:center; color:#333;-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}
.btn:hover { background:#d1a311; border:#d1a311 1px solid; color:#fff;}



.plan{padding:40px 0px 60px 0px; background:#f3f3f3; text-align:center;}
.plan .tit { margin-bottom:30px; background: url(../images/line.jpg) no-repeat center bottom; padding-bottom:20px; color:#333333; line-height:40px; font-size:26px; text-align:center;}
.plan .tit p { color:#c4c4c4; font-size:30px; text-align:center;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#plan-list{width:1200px; margin:auto; text-align:left; overflow:hidden;}
#plan-list ul{overflow:hidden;}
#plan-list ul li a{position:relative; color:#727272; width:300px; float:left; background:#fff; height:400px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#plan-list ul li article{height:200px; overflow:hidden;}
#plan-list ul li a:hover{background:#d1a311; color:#fff;}
#plan-list ul li article div{margin:30px 20px 10px; font-weight:bold; font-size:22px;}
#plan-list ul li article p{margin:0 20px; line-height:24px;}

#plan-list ul li picture{position:relative; height:200px; background:#fff; overflow:hidden;}
#plan-list ul li picture img{display:block;width:100%;}

#plan-list ul li picture i{position:absolute; left:35px; top:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#plan-list ul li.aroww picture i{top:auto; bottom:0; border-top:0; border-bottom:8px solid #fff;}
#plan-list ul li:hover picture i{border-top-color:#d1a311;}
#plan-list ul li.aroww:hover picture i{border-bottom-color:#d1a311;}


.news { float:right;box-shadow: 0 0 38px rgba(0,0,0,.08) inset;
    -webkit-transition: all .15s ease;
    transition: all .15s ease; height:365px; width:332px;}
.news .tit { text-indent:20px; font-size:14px; color:#515151; line-height:50px; height:50px;}
.news .tit span { float:right; font-size:12px; padding-right:10px;}

.news4 img { width:175px; height:110px; border-radius:5px; margin:0px auto; text-align:center;}
.news4 li { text-align:center; padding-top:10px;}
.news4 .title a{ font-size:16px; line-height:40px;}
.news7 { padding:0px 30px;}
.news7 li { line-height:25px;BACKGROUND: url(../images/diantb.jpg) no-repeat left; text-indent:10px; }
.wrap {POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 450px; CLEAR: both}
.wrap .rslides {POSITION: relative; WIDTH: 100%; HEIGHT: 450px}
.wrap .rslides > LI {POSITION: absolute; WIDTH: 100%}
.wrap .rslides LI IMG {WIDTH: 100%; HEIGHT: 300px}
.wrap .rslides .textbox1 {POSITION: absolute; MARGIN: 0px auto; text-align:center; right:0; left:0; WIDTH: 80px; COLOR: #000; TOP: 250px}
.wrap .rslides .textbox2 {
	POSITION: absolute; WIDTH: 525px; COLOR: #000;  TOP: 273px
}
.wrap .rslides .textbox2 .b {
	WIDTH: 450px; COLOR: #000; MARGIN-LEFT: 0px
}
.wrap .rslides .textbox3 {
	POSITION: absolute; WIDTH: 600px; COLOR: #fff; TOP: 110px
}
.wrap .rslides .textbox3 .b {WIDTH: 458px; COLOR: #fff; MARGIN-LEFT: 0px}
.wrap .rslides .a {LINE-HEIGHT: 30px; FONT-SIZE: 30px; font-familiy: myfirstfont}
.wrap .rslides .b {FONT-SIZE: 12px; PADDING-TOP: 7px; margin:0px auto;}
.wrap .centered-btns_nav {
	Z-INDEX: 2; POSITION: absolute; LINE-HEIGHT: 200px; MARGIN-TOP: -40px; WIDTH: 46px; HEIGHT: 131px; FONT-SIZE: 0px; OVERFLOW: hidden; TOP: 50%; opacity: .7
}
.wrap .prev {POSITION: absolute; BACKGROUND: url(../img/lastIco22.png) no-repeat; LEFT: 100px; opacity: .5}
.wrap .next {POSITION: absolute; BACKGROUND: url(../img/nextIco22.png) no-repeat; RIGHT: 100px; opacity: .5}
.wrap .prev:active {opacity: 1}
.prev:hover {opacity: 1}
.next:hover {opacity: 1}
.next:active {opacity: 1}
.wrap .centered-btns_tabs {	Z-INDEX: 9999; POSITION: absolute; TEXT-ALIGN: center; LIST-STYLE-TYPE: none; MARGIN: -35px auto 0px; WIDTH: 100%; HEIGHT: 6px; FONT-SIZE: 0px}
.wrap .centered-btns_tabs LI {MARGIN: 0px 3px; DISPLAY: inline-block}
.wrap .centered-btns_tabs A {BACKGROUND-COLOR: #fff; WIDTH: 60px; DISPLAY: inline-block; HEIGHT: 6px; OVERFLOW: hidden; opacity: 0.8}
.wrap .centered-btns_tabs .centered-btns_here A {BACKGROUND-COLOR: #333; opacity:0.6}



/*----------------footer--------------------*/
.footer{height:292px;background:#fff; border-top:#e5e5e5 4px solid;}
.copyright{ width:1200px;height:252px;margin:0 auto;}
.copy_top{height:292px;}
.copy_bot{height:50px; background:#fff; border-top:#e5e5e5 1px solid;}
.copy_top_zuo,.copy_top_you{float:left;}
.copy_top_zuo{width:450px;height:242px;}
.copy_top_you{width:1200px;height:252px; overflow:hidden; padding-left:10px;}

.copy_top_zuo .zuo_link p{float:left;height:110px;}
.copy_top_zuo .zuo_link p a{float:left;margin-right:5px;margin-top:10px;}
.copy_top_zuo .zuo_link .p1{margin-right:34px;}
.copy_top_zuo .zuo_link{height:130px;}

.copy_top_zuo .zuo_phone{ background:url(../images/ico.png) no-repeat 0 3px; text-align:left; padding-left:30px;margin-left:5px;height:93px;}
.copy_top_zuo .zuo_phone p{color:#9aa0aa; line-height:24px;font-size:12px;}

.copy_top_you ul{float:left;background:url(../images/line1.jpg) no-repeat left top; padding-top:22px; height:220px; padding-left:50px;}
.copy_top_you ul p{text-align:left;width:145px;}
.copy_top_you ul p span{color:#2c2c2c;font-size:18px; }
.copy_top_you ul p a{color:#8f8f8f; line-height:24px; font-size:13px;}
.copy_top_you ul p a:hover{color:#ff0000;}
.copy_top_you ul .pp1{margin-bottom:5px;}

.copy_bot_lef {float:left;color:#525252;line-height:42px;}
.copy_bot_rig {float:right; color:#8f97a4; padding-top:6px; line-height:38px;}
.copy_bot_rig p a{color:#8f97a4;font-size:13px;margin-right:10px;}


#goTopBtn {
	POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 58px; BOTTOM: 10px; HEIGHT: 58px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 10px; _position: absolute; _right: auto
}

/*首页滚动产品展示*/
.blk_18 {overflow:hidden; zoom:1; float:left; width:850px;}
.blk_18 .tit { text-indent:20px; font-size:14px; color:#515151; line-height:50px; height:35px;}
.blk_18 .tit span { float:right; font-size:12px; padding-right:10px;}
.blk_18 .pcont {width:715px; float:left; padding-top:0px; overflow:hidden;}
.blk_18 .ScrCont {width:32766px; zoom:1;}
.blk_18 #List1_1, .blk_18 #List2_1 {float:left;}
.blk_18 .LeftBotton {width:20px; display:block; height:180px; float:left; background:url(../images/left.png) no-repeat 7px 70px;}
.blk_18 .RightBotton {width:13px; display:block; height:180px; float:left; background:url(../images/right.png) no-repeat 0px 70px;}
.blk_18 .pl img {display:block; cursor:pointer;border:#f2f2f2 1px solid; background:#fff; border-radius:5px; width:313px; height:230px;}
.blk_18 .pl img:hover { opacity:0.8}
.blk_18 .pl { width:313px; border-right:#f2f2f2 1px solid; padding-right:14px; padding-left:14px; float:left; line-height:24px;}
.blk_18 .pl p { width:200px; height:30px; font-size:12px; line-height:40px;}
.blk_18 .pl .info {word-wrap:break-word;font-size:10px;}

/*faq*/

.menu_head{width:100%;height:47px;line-height:47px; text-indent:20px; font-size:16px;color:#525252;cursor:pointer; border-bottom:#ccc 1px dotted; position:relative;margin:0px;background:#fff url(../images/pro_left.png) center right no-repeat;}
.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:96%;height:auto;overflow:hidden; padding:10px; line-height:32px; background:#f9f8f8; border:#ccc 1px dotted; margin:10px 0px;}
.menu_body a{display:block;width:100%;height:auto; line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;}
.menu_body a:hover{text-decoration:none;}

/*分页样式*/
.pages{ width:100%; text-align:center; padding:20px 0; clear:both;}
.pages span,.pages a,.pages b{ font-size:14px; margin:40px 2px;}
.pages span font{ color:#f00; font-size:12px;}
.pages a,.pages b{ border:1px solid #ccc; background:#fff;border-radius:3px; padding:6px 12px; text-decoration:none}
.pages span { padding:6px 12px; border:#ccc 1px solid; border-radius:3px; text-align:center; }
.pages b,.pages a:hover{ background:#3c90b2;border:#3c90b2 1px solid; color:#fff; }
.pages .nolink { background:#f2f2f2; color:#a6a6a6}
.skill_text {
  display: block;
  margin-top: 25px;
  overflow: hidden;
}