@charset "utf-8";
/* CSS Document */

/**************left**************/
.main_left{ float:left; width:308px; background:url(../images/screen_left_beijing.png) no-repeat 0 0; padding-top:12px}
.main_left h2{ background:url(../images/main_left.jpg) no-repeat 0 0; margin:0 auto; width:263px; overflow:hidden; clear:both; font-size:26px; font-weight:lighter; text-align:center; padding-left:10px; /*padding-left:75px; */color:#fff; line-height:82px; height:82px}
#main_left_1{ padding-left:90px; text-align:left; width:183px;}
/*#main_left_2{ padding-left:10px; text-align:left; width:263px;}*/
.main_left1{ background:url(../images/screen_left_beijing1.png) repeat-y;}
.main_left1 ul{ clear:both; overflow:hidden; width:273px; text-align:center; padding:10px 1px 0 0; margin:0 auto}
.main_left1 ul li{ border-bottom:2px solid #d3d3d5; line-height:50px; height:50px; overflow:hidden; font-size:16px; padding-top:10px; text-transform:capitalize}
.main_left1 a.hover{ color:#12336c !important}
.main_left1 a.hover:hover{ color:#12336c !important}
.main_left1_1{ background:url(../images/screen_left_beijing2.png) no-repeat 0 bottom; clear:both; overflow:hidden; height:26px;}
.main_left1_2{ background:url(../images/screen_left_beijing3.png) no-repeat 0 0; clear:both; overflow:hidden; padding-top:5px}
.main_left1_2 h2{ padding-right:3px}
.main_left2{ background:url(../images/screen_left_beijing4.png) repeat-y; padding:0 20px 10px 15px; overflow:hidden; width:273px; height:342px;}
.main_left2 .slides{position:relative;z-index:1;}
.main_left2 .slides li{width:273px;height:342px;float:left;display:inline;position:relative;}
.main_left2 .slides li img{width:273px;height:342px;}


.main_left2_1{ background:url(../images/screen_left_beijing5.png) no-repeat 0 0; height:35px; overflow:hidden}
.main_right{ float:left; width:1058px; overflow:hidden; background:url(../images/screen_right_beijing.png) no-repeat 0 0}
.main_right h3{text-indent:55px; clear:both; overflow:hidden; color:#fff; font-weight:lighter; letter-spacing:2px; line-height:80px; height:80px; margin-top:13px; font-size:22px; padding-bottom:22px; text-transform:capitalize}
.main_right1{ clear:both; overflow:hidden;background:url(../images/screen_right_beijing1.png) repeat-y; padding-bottom:20px}
.main_right2{ clear:both; overflow:hidden; border:1px solid #979595; background:#fffffe}
.main_right3{ clear:both; overflow:hidden; background:url(../images/screen_right_beijing2.png) no-repeat 0 0; width:100%; height:56px; padding-bottom:20px}
.main_right3_1{ clear:both; overflow:hidden; background:url(../images/screen_right_beijing2.png) no-repeat 0 bottom; width:100%; height:23px;}
.main_right_1{ width:1058px; overflow:hidden; background:url(../images/screen_right_beijing4.png) no-repeat 0 0; height:16px}
.main_right_2{ float:left; width:1058px; overflow:hidden;}

/**************互动交流**************/
.job dt{ width:1026px; clear:both; overflow:hidden; margin:0 auto; padding-right:2px}
.job dd{ clear:both; overflow:hidden; padding:30px 0 5px; width:980px; margin:0 auto}
.job dd ul{ float:left; margin:10px 0; display:inline; width:958px; overflow:hidden; padding:5px 10px; border:1px solid #2f2f2e; background:#fff}
.job dd ul li{ clear:both; overflow:hidden; line-height:1.6; font-size:22px;}
.job dd ul li em{ float:left; width:70px; overflow:hidden; display:block;font-style:normal; line-height:1.2; margin:5px 0}
.job dd ul li i{ float:left; width:660px; overflow:hidden; font-style:normal} 
.job1 dl{ margin:0 auto; clear:both; overflow:hidden; width:900px; padding-top:38px}
.job1 dl dt{ float:right; width:30%; overflow:hidden}
.job1 dl dd{ float:left; width:60%; line-height:2}
.job1 dl dd b{ padding-bottom:5px; display:block; clear:both; overflow:hidden; font-size:18px}

/**************产品服务**************/
.service h5{ text-align:center; margin-top:20px; color:#38517d; font-weight:lighter; font-size:18px}
.service h5 a{ color:#38517d;}
.service img{ margin:15px 0; max-width:750px}
.service1 li{ clear:both; overflow:hidden; border:3px solid #c0cae1; margin:20px auto 0; width:940px; padding:20px; height:95px; background:#f7f8f8} 
.service1 li img{ padding-right:80px; display:inline; background:#f7f8f8}
.service1 li big{ height:30px; line-height:30px; border-bottom:1px dotted #38517d; display:block; text-indent:10px; font-size:16px}
.service1 li big span{ float:right; margin:0 10px; color:#6681bc}
.service1 li big a{ color:#6681bc}
.service1 li small{ display:block; padding-top:10px; font-size:12px;text-indent:10px; }
.service2_w{ width:1026px; padding:0 17px 0 15px; clear:both; overflow:hidden;background:url(../images/screen_right_beijing1.png) repeat-y;}
.service2{ clear:both; overflow:hidden; padding-bottom:20px; background:#fff}
.service2 li{ clear:both; overflow:hidden; padding:15px 45px;}
.service2 li em{ padding:10px 0; line-height:24px; font-size:14px; clear:both; overflow:hidden; font-style:normal; display:block; min-height:24px}
.service2_1{ background:url(../images/screen_q1.jpg) no-repeat 0 center; padding-left:70px !important; border-bottom:1px solid #f8d3db; color:#cc5154}
.service2_2{ background:url(../images/screen_q2.jpg) no-repeat 0 center; padding-left:70px !important}
.service3{ background:#efefef}
.service3 .service2_1{ background:url(../images/screen_q3.jpg) no-repeat 0 center;}
.service3 .service2_2{ background:url(../images/screen_q4.jpg) no-repeat 0 center;}

/**************产品中心**************/
.product{ padding-top:20px}
.product dl{ clear:both; overflow:hidden; width:820px; margin:0 auto; padding:15px 0}
.product dl dt{ float:left; width:270px; overflow:hidden}
.product dl dt img{ margin-top:25px}
.product dl dd{ float:left; width:550px; overflow:hidden; font-size:16px}
.product dl dd p{ font-size:16px !important}
.product dl dd h4{ height:24px; line-height:24px; overflow:hidden}
.product dl dd h4 a,.product dl dd h4 a:hover{ color:#133165 !important; text-transform:uppercase}
.product dl dd h3{ height:24px; line-height:24px; overflow:hidden; padding:3px 0}
.product dl dd h3 a,.product dl dd h3 a:hover{ color:#fff !important; text-transform:uppercase}
.product dl dd h3 a{ background:url(../images/screen_product2.png) no-repeat 0 0; padding-left:15px; display:inline-block; float:left}
.product dl dd h3 span{ background:url(../images/screen_product2.png) no-repeat right 0; width:15px; height:24px; display:inline-block; float:left}
.product1{ clear:both; overflow:hidden; margin:0 auto; width:960px; font-size:16px; border-bottom:3px solid #38517d; line-height:2.6; padding:0 5px}
.product1 span{ color:#38517d}

.product1_1{ clear:both; overflow:hidden; width:970px; margin:0 auto; padding:30px 0}
.product1_1 dt{ float:left; width:375px; margin-top:15px}
.product1_1 dd{ float:right; width:550px; overflow:hidden; font-size:14px}
.product1_1 dd p{ padding:5px 0; clear:both; overflow:hidden}
.product1_1 dd h4{ height:24px; line-height:24px; color:#133165 !important; overflow:hidden; text-transform:uppercase}
.product1_1 dd h4 a,.product dl dd h4 a:hover{ color:#133165 !important}
.product1_1 dd h3{ height:24px; line-height:24px; overflow:hidden; color:#fff !important; text-transform:uppercase; padding:10px 0}
.product1_1 dd h3 em{ background:url(../images/screen_product2.png) no-repeat 0 0; padding-left:15px; display:inline-block; float:left; font-style:normal}
.product1_1 dd h3 span{ background:url(../images/screen_product2.png) no-repeat right 0; width:15px; height:24px; display:inline-block; float:left}
.product2{ clear:both; overflow:hidden; margin:0 auto; width:970px; background:url(../images/screen_product4.jpg)  repeat-x bottom; padding-bottom:8px; height:31px; line-height:31px}
.product2 li{ float:left; background:url(../images/screen_product3.jpg) no-repeat right 0; width:148px; text-align:center; font-size:17px; color:#fff; margin-right:20px; display:inline; cursor:pointer}
.product2 li.on{ background:url(../images/screen_product3.jpg) no-repeat 0 0 !important}
.product3{ width:100%; margin:0 auto; /*overflow:hidden;*/ clear:both;}
.product3_1{ overflow:hidden;/* clear:both; display:none; */margin:0 auto;  padding:15px 55px 15px 45px; position:static !important}
/*.xin .product3{ min-height:980px !important}*/

.gg{ width:860px; font-size:18px; line-height:34px;  color:#000}
.gg dt{ border-bottom:2px solid #133165; clear:both; overflow:hidden;/* height:34px;*/font-weight:bold; padding:0 20px}
.gg dd{ clear:both; overflow:hidden; border-bottom:2px solid #133165; height:34px;}
.gg dd span{ float:left; background:#aed7e5; padding:0 20px; display:inline; width:300px;}
.gg dd p{ float:left; padding:0 20px; display:inline; width:480px; overflow:hidden}
.pj{ width:920px !important}
.pj li{ float:left; width:150px; text-align:center; height:145px; margin:7px 35px; display:inline; overflow:hidden}
.pj li center{ width:150px; height:113px; overflow:hidden}
.pj li b{ display:block; height:24px; line-height:24px; overflow:hidden; font-size:16px;}
.down{ width:970px;}
.down li{ clear:both; overflow:hidden; float:left; margin:10px 0; height:86px; line-height:86px; overflow:hidden; background:#e9e9e9; font-size:17px; width:925px; padding:0 15px 0 30px;}
.down li a{ float:right; height:30px; line-height:30px; background:#999; width:120px; text-align:center; margin:28px 0;}
/**************分页**************/
/*.service2_w .page{ width:1000px; padding:20px 13px; text-align:right; font-size:13px; background:#efefef}
.product .page{ width:1000px; padding:20px 13px; text-align:right; font-size:13px;}
.page a{ margin:0 5px; color:#979595}
.page a.thisclass{ font-weight:bold; color:#1e6e9f}*/

/**************下载弹出框**************/
.download{display:none;position:fixed; width:100%;left:0; top:20%;z-index:10002;overflow:hidden;_position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.download1{margin:0 auto; width:720px; clear:both; border:1px solid #000; position:relative; padding:10px; overflow:hidden; background:#f8f7f7;}
.download1 h3{ text-align:right; width:100%; z-index:2; height:16px; clear:both; overflow:hidden}
.download1 ul{ clear:both; overflow:hidden}
.download1 ul li{ float:left; width:140px; margin:15px; display:inline; text-align:center}
.download1 ul li img{ margin-bottom:20px}

/*************下拉菜单**************/
.main-left{ background:url(../images/screen_left_beijing1.png) repeat-y;text-align:center; padding:0 1px 0 0;}



* html .ddsmoothmenu{height: 1%;} 
.downarrowclass{position: absolute;top: 12px;right: 7px; display:none}
.rightarrowclass{position: absolute;top:50%;right: 5px; margin-top:-6px}
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0; display:none; overflow:hidden}

.toplevelshadow{opacity:1;}
#smoothmenu2{width:273px; margin:0 auto; clear:both;_overflow:hidden}
.ddsmoothmenu-v ul{width:273px;line-height:30px; }
.ddsmoothmenu-v ul li{position: relative; border-bottom:2px solid #d3d3d5; font-size:16px;}
.ddsmoothmenu-v ul li a{display: block;overflow: auto;text-decoration: none; /*height:54px; */overflow:hidden; padding:12px 0}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{ color: #020202;}
.ddsmoothmenu-v ul li a.selected{color:#ef9115;}
.ddsmoothmenu-v ul li a:hover{color:#ef9115 !important;}
.ddsmoothmenu-v ul li ul{position: absolute; top:-2px !important;font-weight: normal;visibility: hidden; background:#fff; border:2px solid #d3d3d5; padding:7px 0; width:273px !important}
.ddsmoothmenu-v ul li ul li{ border:none; font-size:16px;line-height:40px; }
.ddsmoothmenu-v ul li ul li a{height:40px !important; padding:0 !important}
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/*.ddsmoothmenu-v ul li ul li .rightarrowclass{position: absolute;top:15px;right: 10px;}*/
.ddsmoothmenu-v ul li ul li ul{top:-9px !important;}
#ddsmoothmenu-v { font-size:14px;}
#ddsmoothmenu-v li{ font-size:14px !important;}

.video{ margin-left:20px}
.video .video1{ display:inline}
.video .video2{ display:none}
#video .video2{ display:inline}
#video .video1{ display:none}



.sou{ clear:both; overflow:hidden;background:url(../images/screen_right_beijing1.png) repeat-y; padding:10px 25px}
.sou p{ background:#fff; padding:20px 0}
.sou p span{ width:477px; margin:0 auto; height:32px; line-height:32px; background:url(../images/sousuo.png) no-repeat 0 0; padding:5px 15px; display:block; color:#fdfcff; font-size:22px}
.sou p span label{ float:left;}
.sou input{ background:none; height:32px; overflow:hidden; font-size:22px}
.sou_1{ float:left; width:260px; line-height:32px; color:#fdfcff}
.sou_2{ float:right; width:20px; line-height:5555px}

/*************jj**************/
.jj{width:375px;position:relative;font-size:12px;/* height:600px;*/ overflow:hidden; clear:both;}
.jj .pic{ width:375px; margin:0 auto; overflow:hidden; height:91px; position:relative; background:#f7f8f8}
.jj .small_pic{ clear:both; overflow:hidden; width:100%; height:61px; padding-top:30px !important}
.jj .small_pic .tempWrap{ float:left; width:376px !important}
.jj .small_pic ul li{float:left; overflow:hidden; width:83px; height:55px; cursor:pointer; margin-right:5px; border:1px solid #000; padding:2px; display:inline;}
.jj .small_pic ul li center{ width:83px; height:55px; overflow:hidden}
.jj .small_pic ul li img{max-width: 60px;height:auto}
.jj .next,.jj .prev{ height:17px; width:17px; display:block; position:absolute; z-index:55; top:0;}
.jj .next{ background:url(../images/jj5.jpg) no-repeat center center; right:0}
.jj .prev{ background:url(../images/jj6.jpg) no-repeat 0 center; right:25px}

.jj .big_pic{ width:100%; height:294px;overflow:hidden; clear:both}
.jj .big_pic li{  margin:0 auto; width:100%;display:inline-block}
.jj .big_pic li .big_pic1{ clear:both;width:375px; height:250px; overflow:hidden;}
.jj .big_pic li .big_pic1 table{ text-align:center; vertical-align:middle; width:100%; height:200px}
.big_pic2{ clear:both; overflow:hidden; height:22px; position:relative; z-index:50; background:#f7f8f8}
.zoom-notice{ position:relative; z-index:50; background:#f7f8f8; line-height:22px; height:22px;}
.big_pic2 em{ float:left; height:20px; margin:1px 0; width:20px; cursor:pointer}
.big_pic2 .big_pic3{ margin:0 10px; height:22px; float:left; width:315px; background:url(../images/jj4.jpg) repeat-x}
.big_pic2 .big_pic3 span{ background:url(../images/jj3.jpg) no-repeat 0 0; display:block; height:22px; width:9px; cursor:pointer}
