/*公用*/
*{ margin:0; padding:0;}
html, body, ul, li{list-style:none; -webkit-text-size-adjust:none; font-weight:normal;margin:0; padding:0; font-size:12px;}
body{font-family:"微软雅黑"; -webkit-text-size-adjust:none;font-weight:normal;}
img {border:0;}
.clear {clear:both;}
a{text-decoration: none;}
a::focus {-moz-outline-style:none;}

#tops{ width:100%; height:30px; background:#f9f9f9;}
#tops .top_con{ width:1100px; height:30px; margin:0 auto;}
#tops .top_con .top_l{ width:260px; height:30px; line-height:30px; float:left; color:#4e4e4e;}
#tops .top_con .top_r{ width:240px; height:30px; float:right;}
#tops .top_con .top_r li{ width:60px; height:30px; float:left; background:url(../images/top_bg.png) no-repeat center right;}
#tops .top_con .top_r li a{ width:60px; height:30px; line-height:30px; display:block; text-align:center;color:#4e4e4e;} 
#tops .top_con .top_r li a:hover{ color:#003e7b;}

#head{ width:1100px; height:135px; margin:0 auto;}
#head .logo{ width:385px; height:82px; float:left; margin-top:28px;}
#head .head_r{ width:169px; height:55px; float:right; margin-top:45px; margin-right:17px; text-align:center;}
#head .head_r .head_top{ width:169px; height:14px; line-height:14px;background:url(../images/tel_xian.jpg) no-repeat center center; font-size:14px; color:#666; margin-bottom:20px;}
#head .head_r .tel{ width:167px; height:19px;} 

#nav{ width:100%; height:40px; background:url(../images/nav_bg.jpg) repeat-x;}

#bannerbox{ width:100%; height:400px; margin-bottom:30px;}
#full-screen-slider {width:100%;height:400px;float:left;position:relative;}
#slides {display:block;width:100%;height:400px;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-indent:-9999px}
#pagination {display:block;list-style:none;position:absolute;left:30%;top:350px;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:#eee;}
#pagination li a {display:block;width:100%;height:100%;padding:0;margin:0;text-indent:-9999px;}
#pagination li.current {background:#003e7b;}


#gs{ width:1100px; height:auto; margin:0 auto;margin-bottom:40px;}
#gs .gs_l{ width:474px; float:left; height:446px;}
#gs .gs_top{  height:50px}
#gs .gs_top h3{ width:474px; height:30px; line-height:30px; font-size:22px; font-weight:normal; color:#333; text-align:left; margin-left:20px;}
#gs .gs_top h3 span{ font-size:18px; font-weight:800; color:#222;}
#gs .gs_l .gs_xia{ width:474px; overflow:hidden;}
#gs .gs_l .gs_xia ul li{ width:118px; height:40px; float:left;}
#gs .gs_l .gs_xia ul li a{ width:118px; height:40px; line-height:40px; display:block; text-align:center; font-size:16px; color:#fff;}
#gs .gs_l .gs_xia ul li .gs1{ background:#007de4;}
#gs .gs_l .gs_xia ul li .gs2{ background:#005ab3;}
#gs .gs_l .gs_xia ul li .gs3{ background:#00468b;}
#gs .gs_l .gs_xia ul li .gs4{ background:#003e7b;}
#gs .gs_l .gs_xia ul li a:hover{ color:#1de4f6;}
#gs .gs_r{ width:1060px;  height:auto; padding:20px 20px 20px 20px; font-size:14px; color:#666; overflow:hidden; line-height:2em;text-indent:2em; border:#ddd solid 1px;-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */}

#cp{ width:1100px; height:457px;margin:0 auto;}
#cp .cp_l{ width:230px; height:457px; float:left; background:#003e7b;}
#cp .cp_l h3{ width:230px; height:60px; line-height:60px; text-align:center; overflow:hidden; background:url(../images/cp_btn.jpg); font-size:24px; color:#fff; font-weight:normal;}
#cp .cp_l .cp_btn{ width:230px; height:397px;}
#cp .cp_l .cp_btn li{ width:230px; height:48px; background:url(../images/cp_xian.png) no-repeat center bottom;}
#cp .cp_l .cp_btn li a{width:230px; height:48px; line-height:48px; display:block; text-align:center; font-size:12px; color:#fff; overflow:hidden;}
#cp .cp_l .cp_btn li a:hover{color:#1de4f6;}
#cp .cp_r{ width:840px; height:457px; float:right; overflow:hidden}
#cp .cp_r li{ width:260px; height:215px; float:left; margin-bottom:27px; margin-left:20px; position:relative;z-index:22222;}
#cp .cp_r li p{ width:260px; height:35px; background:url(../images/hei_bg.png) repeat; position:absolute; bottom:0; left:0; text-align:center; line-height:35px; color:#fff; overflow:hidden; z-index:999999;}
#cp .cp_r li a{ display:block; width:260px; height:215px; position: relative; overflow:hidden;}
#cp .cp_r li a img {width:260px; height:215px; transition: all 0.9s ease 0s; }
#cp .cp_r li a:hover img {transform: scale(1.2); }

#case{ width:1100px; height:230px; margin:40px auto;}
#case .case_top{ height:31px; border-bottom:1px solid #c7c7c7; line-height:30px; margin-bottom:40px;}
#case .case_top h3{ width:270px; float:left;height:30px; line-height:30px; font-size:18px; font-weight:normal; color:#333;}
#case .case_top h3 span{ font-size:18px; font-weight:800; color:#222;}
#case .case_top .more{ width:60px; height:30px; line-height:30px; float:right; font-size:14px; color:#666; text-align:center;} 
#case .case_top .more:hover{color:#003e7b}
/*案例的滚动代码*/
#case .case_xia  #marquee1{ width:1100px;}
#case .case_xia .marqueeleft{height:164px;width:183px;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left; margin-right:50px;display:inline;width:183px;height:164px;overflow:hidden; position:relative;}
.marqueeleft li .pic{display:block;width:183px;height:164px;overflow:hidden;}
.marqueeleft li .txt{height:30px;line-height:30px; position:absolute;top:129px;left:0; background:url(../images/hei_bg.png) repeat; }
.marqueeleft li .txt a{ width:183px; height:164px; display:block; color:#fff;text-align:center;overflow:hidden;}
.marqueeleft li:hover a{color:#1de4f6;} 
/*案例的滚动代码结束*/

#ys{ width:100%; height:auto; background:url(../images/ys_bg.jpg) repeat;}
#ys .ys_top{ width:100%; height:242px; overflow:hidden; text-align:center;}
#ys .ys_di{ width:100%; height:190px; overflow:hidden; text-align:center; margin-bottom:30px;}
#ys .ys_mid{ width:100%; height:1210px; background:url(../images/ysbg.png) no-repeat center;}
#ys .ys_mid .ys_midcon{ width:1100px; height:1210px; margin:0 auto;}
#ys .ys_mid .ys_midcon .ys1{ width:1100px; height:355px;padding-top:30px;}
#ys .ys_mid .ys_midcon .ys1 .ys1_l{ width:520px; height:355px; float:left; overflow:hidden;}
#ys .ys_mid .ys_midcon .ys1 .ys1_r{ width:500px; height:355px; float:right; margin-top:30px; border-bottom:1px solid #c7c7c7; padding-left:50px;}
#ys .ys_mid .ys_midcon .ys1 .ys1_r .ys1_top h3{ width:490px; height:25px; line-height:25px; overflow:hidden; font-size:24px; color:#003e7b; font-weight:600;}
#ys .ys_mid .ys_midcon .ys1 .ys1_r .ys1_top p{ width:490px; height:16px; line-height:16px; overflow:hidden; font-size:16px; color:#333; margin-top:10px; margin-bottom:35px;}
#ys .ys_mid .ys_midcon .ys1 .ys1_r  .ys1_xia{ width:490px; height:260px; overflow:hidden; font-size:14px; color:#999; line-height:1.8em;}
#ys .ys_mid .ys_midcon .ys2{ width:1100px; height:340px; margin-top:25px; padding-top:30px;}
#ys .ys_mid .ys_midcon .ys2 .ys2_l{ width:500px; float:left;border-bottom:1px solid #c7c7c7; padding-right:50px;}
#ys .ys_mid .ys_midcon .ys2 .ys2_r{ width:487px; height:370px; float:right; text-align:center; overflow:hidden;}
#ys .ys_mid .ys_midcon .ys2 .ys2_l .ys2_top h3{ width:514px; margin-top:20px; height:25px; line-height:25px; overflow:hidden; font-size:24px; color:#003e7b; font-weight:600;}
#ys .ys_mid .ys_midcon .ys2 .ys2_l .ys2_top p{ width:514px; height:16px; line-height:16px; overflow:hidden; font-size:16px; color:#333; margin-top:10px; margin-bottom:35px;}
#ys .ys_mid .ys_midcon .ys2 .ys2_l  .ys2_xia{ width:490px; height:260px; overflow:hidden; font-size:14px; color:#999; line-height:1.8em;}
#ys .ys_mid .ys_midcon .ys3{ width:1100px; height:360px;padding-top:30px; margin-top:30px;}
#ys .ys_mid .ys_midcon .ys3 .ys3_l{ width:516px; height:360px; float:left; text-align:center; overflow:hidden;}
#ys .ys_mid .ys_midcon .ys3 .ys3_r{ width:490px; height:355px; float:right; margin-top:30px;}
#ys .ys_mid .ys_midcon .ys3 .ys3_r .ys3_top h3{ width:490px; height:25px; line-height:25px; overflow:hidden; font-size:24px; color:#003e7b; font-weight:600;}
#ys .ys_mid .ys_midcon .ys3 .ys3_r .ys3_top p{ width:490px; height:16px; line-height:16px; overflow:hidden; font-size:16px; color:#333; margin-top:10px; margin-bottom:35px;}
#ys .ys_mid .ys_midcon .ys3 .ys3_r .ys3_xia{ width:490px; height:260px; overflow:hidden; font-size:14px; color:#999; line-height:1.8em;}

#sl{ width:1100px; height:240px; margin:0 auto;}
#sl .sl_top{ height:31px; border-bottom:1px solid #c7c7c7; line-height:30px; margin-bottom:35px;}
#sl .sl_top h3{ width:270px; float:left;height:30px; line-height:30px; font-size:18px; font-weight:normal; color:#333;}
#sl .sl_top h3 span{ font-size:18px; font-weight:800; color:#222;}
#sl .sl_top .more{ width:60px; height:30px; line-height:30px; float:right; font-size:14px; color:#666; text-align:center;} 
#sl .sl_top .more:hover{color:#003e7b;}

#news{ width:1100px; height:440px; margin:0 auto; margin-top:40px; margin-bottom:50px;}
#news #news_l{ width:320px; height:440px; float:left;}
#news #news_l .news_top{ width:280px; height:20px; line-height:60px; overflow:hidden; background:#003e7b; padding:20px;}
#news #news_l .news_top h3 a{ width:100px; height:20px; line-height:20px; font-size:18px; color:#fff; float:left; overflow:hidden; display:block; font-weight:500;}
#news #news_l .news_top h3 a:hover{color:#1de4f6}
#news #news_l .news_top .new_more{ width:60px; float:right; display:block; font-size:14px; color:#e2e2e2; height:20px; line-height:20px;}
#news #news_l .news_top .new_more:hover{color:#1de4f6}
#news #news_l .news_xia{ width:280px; height:360px; padding:20px; background:#f3f3f3;}
#news #news_l .news_xia .news_img{ width:280px; height:120px; overflow:hidden;}
#news #news_l .news_xia .news_con li{ width:280px; height:15px;}
#news #news_l .news_xia .news_con li a{width:280px; height:15px; line-height:15px; display:block; margin-top:25px; color:#333;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
#news #news_l .news_xia .news_con li a:hover{ color:#003e7b; font-weight:500;}

#link{ width:1100px; height:auto; margin:0 auto;}
#link .link_top{ width:1100px; height:54px; border-bottom:1px solid #c7c7c7;} 
#link .link_top h3{ width:110px; height:52px; border-bottom:2px solid #003e7b}
#link .link_con{ width:1100px; height:auto; overflow:hidden;}
#link .link_con li{ width:100px; height:20px;overflow:hidden; float:left; padding-top:10px;}
#link .link_con li a{ width:100px; height:20px; line-height:20px; margin-right:30px; color:#666; overflow:hidden; }
#link .link_con li a:hover{ color:#003e7b;}

#nav2{ width:100%; height:40px; background:#003e7b; margin-top:40px;}

#foot{ width:100%; height:269px; background:#f5f5f5;}
#foot .foot_con{ width:1100px; height:269px; margin:0 auto;}
#foot .foot_con .foot_l{ width:448px; height:99px; padding:85px 0; float:left; background:url(../images/foot_bg.png) no-repeat center right; margin-right:30px;}
#foot .foot_con .foot_r{ width:622px; height:219px; float:right; padding-top:50px;background:url(../images/erweima.jpg) no-repeat 415px center;}
#foot .foot_con .foot_r .foot_tn{ font-size:14px; color:#666; line-height:2.5em; float:left;}
#foot .foot_con .foot_r .foot_rr{ font-size:14px; color:#666; line-height:2.5em; float:right;margin-top:150px; margin-right:75px;}
#foot .foot_con .foot_r a{font-size:14px; color:#666;}
#foot .foot_con .foot_r a:hover{ color:#003e7b;}

/*内页CSS开始*/
#nei_banner{ width:100%; height:240px; text-align:center; overflow:hidden;}
#mbx{ width:100%; height:58px; background:url(../images/nei_bg.jpg) repeat;}
#mbx .mbx_con{ width:1100px; height:58px; margin:0 auto;}
#mbx .mbx_con h3{ width:240px; height:58px; line-height:58px; float:left; font-size:18px; color:#222; font-weight:700; overflow:hidden;}
#mbx .mbx_con .mbx_r{ width:480px; height:58px; line-height:58px; float:right; text-align:right; font-size:12px; color:#666;}
#mbx .mbx_con .mbx_r a{font-size:12px; color:#666;}
#mbx .mbx_con .mbx_r a:hover{color:#003e7b;}
/*内页左和右CSS开始*/
#zong{ width:1100px;height:auto;margin:0 auto;}
#zong #zong_l{ width:240px; height:auto; float:left;}
#zong #zong_l .left_top{ height:33px; background:#eceff1;}
#zong #zong_l .left_mid{ height:auto; margin-bottom:30px;}
#zong #zong_l .left_mid li a{ width:192px; font-size:14px; color:#333; overflow:hidden; height:47px; background:url(../images/nei_btn1.jpg) no-repeat; display:block; line-height:47px; padding:0 20px 0 28px; transition:all 0.5s;}
#zong #zong_l .left_mid li a:hover{ background:url(../images/nei_btn.jpg) no-repeat; color:#fff;}
#zong #zong_l .left_mid li a.active{ background:url(../images/nei_btn.jpg) no-repeat; color:#fff;}

#zong #zong_r{ width:819px; height:auto; float:right; margin-bottom:60px;}
#zong #zong_r .right_top{ margin-top:30px; height:46px; border-bottom:1px solid #cccccc; margin-bottom:47px;}
#zong #zong_r .right_top h3{ width:819px; line-height:46px; height:46px; font-size:14px; font-weight:normal; color:#333;}
#zong #zong_r .right_top h3 span{ font-size:12px; color:#999; margin-left:5px;}
#zong #zong_r .right_xia{ font-size:12px; color:#333; line-height:3em;}
#zong #zong_r .right_xia .wenhua_xia{ font-size:14px; color:#333;}
#zong #zong_r .right_xia .wenhua_xia h3{ color:#003399; font-size:18px;}


#zong .honorn{ width:819px; height:auto;}
#zong .honorn li{ float:left;font-size:12px;color:#666;margin-bottom:30px; margin-right:33px; text-align:center; padding:5px 5px;width:228px; height:168px; text-align:center; border:1px solid #ccc;}
#zong .honorntu{width:225px; height:169px; text-align:center; vertical-align:middle;display:table-cell;}

#zong #zong_r .right_xia .fengcai li{ width:240px; height:210px; text-align:center; margin-right:33px; margin-bottom:30px; float:left;}
#zong #zong_r .right_xia .fengcai li .fengcai_con{ width:228px; height:168px; border:1px solid #ccc; padding:5px; overflow:hidden;}
#zong #zong_r .right_xia .fengcai li p{ width:240px; height:30px; line-height:30px; font-size:14px; color:#333; overflow:hidden;}
#zong #zong_r .right_xia .fengcai li:hover p{ color:#002e73;}
#zong #zong_r .right_xia .fengcai li:hover img{opacity:0.8; }
#zong #zong_r .right_xia .news_list{ width:819px; height:auto;}
#zong #zong_r .right_xia .news_list li{ width:809px; height:190px; padding:5px; background:#e3e3e3; margin-bottom:30px;}
#zong #zong_r .right_xia .news_list .list1{ width:203px; height:190px; float:left;}
#zong #zong_r .right_xia .news_list .list2{ width:590px; float:right; height:190px;}
#zong #zong_r .right_xia .news_list .list2 h3 a{ width:590px; height:45px; line-height:45px; overflow:hidden; font-size:14px; color:#333; font-weight:700;}
#zong #zong_r .right_xia .news_list .list2 span{ width:100px; height:20px; line-height:20px; color:#999;}
#zong #zong_r .right_xia .news_list .list2 .news_neirong{ width:590px; height:70px; font-size:12px; color:#666; line-height:2em; margin-top:30px; overflow:hidden;} 
#zong #zong_r .right_xia .news_list li:hover h3 a{ color:#00256f;}

#zong #zong_r .right_xia .nei_con{ width:819px; height:auto;}
#zong #zong_r .right_xia .nei_con .nei_btn{ width:819px; height:80px; margin-bottom:30px; text-align:center;}
#zong #zong_r .right_xia .nei_con .nei_btn h2{ width:819px; height:18px; line-height:18px; overflow:hidden; font-size:18px;}
#zong #zong_r .right_xia .nei_con .nei_btn .nei_date{ width:819px; height:60px; line-height:60px; color:#666;}
#zong #zong_r .right_xia .nei_con .nei_btn .nei_date a{ color:#666;}
#zong #zong_r .right_xia .nei_con .nei_xia{ width:819px; height:auto; color:#333; line-height:30px; font-size:14px;}

#zong #zong_r .right_xia .anli_list{ width:819px; height:auto;}
#zong #zong_r .right_xia .anli_list li{ width:809px; height:190px; padding:5px; background:#e3e3e3; margin-bottom:30px; transition:all 0.5s;}
#zong #zong_r .right_xia .anli_list .list3{ width:203px; height:190px; float:left;}
#zong #zong_r .right_xia .anli_list .list4{ width:590px; float:right; height:190px;}
#zong #zong_r .right_xia .anli_list .list4 h3 a{ width:590px; height:45px; line-height:45px; overflow:hidden; font-size:14px; color:#333; font-weight:700;}
#zong #zong_r .right_xia .anli_list .list4 span{ width:100px; height:20px; line-height:20px; color:#999;}
#zong #zong_r .right_xia .anli_list .list4 .news_neirong{ width:590px; height:70px; font-size:12px; color:#666; line-height:2em; margin-top:30px; overflow:hidden;} 
#zong #zong_r .right_xia .anli_list li:hover{ background:#003399;}
#zong #zong_r .right_xia .anli_list li:hover a{ color:#fff;}
#zong #zong_r .right_xia .anli_list li:hover span{ color:#fff;}
#zong #zong_r .right_xia .anli_list li:hover .news_neirong{ color:#fff;}


#zong #zong_r .right_xia .contact .contact_l{ width:300px; height:auto; float:left; font-size:18px; color:#333; line-height:3em; padding-top:47px;}
#zong #zong_r .right_xia .contact .contact_l h1{ font-size:24px; color:#003399;}
#zong #zong_r .right_xia .contact .contact_l a{color:#333;}
#zong #zong_r .right_xia .contact .contact_r{ width:485px; height:390px; float:right; }


@charset "utf-8";
.box{float:left; width:260px; height:202px; margin-right:13px; margin-bottom:30px;}
.he_border1{background:#003399;width:260px;height:202px;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:1.3em;font-weight:normal;text-align:center;width:80%;position:absolute;top:30%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0;}
.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:50%;opacity:1}
.he_border1:hover .he_border1_caption_h{top:30%;opacity:1}

#zong #zong_r .right_xia #product{ width:819px; height:auto;}
#zong #zong_r .right_xia #product .product_top{ width:819px; height:412px; margin-bottom:50px;}
#zong #zong_r .right_xia #product .product_top .product_top1{ width:400px; height:412px; float:left;}
#zong #zong_r .right_xia #product .product_top .product_top2{ width:400px; height:382px; float:right;}
#zong #zong_r .right_xia #product .product_top .product_top2 h3{ width:400px; height:20px; line-height:20px; font-size:18px; padding-top:30px; margin-bottom:50px; color:#333; overflow:hidden;} 
#zong #zong_r .right_xia #product .product_top .product_top2 .pro_top22{ font-size:14px; color:#666; overflow:hidden; height:260px;}
#zong #zong_r .right_xia #product .product_xia{ width:819px; height:auto; }

#cen_right_top{width:819px;}
#cen_right_top .qiehuan{background:url(../images/qiehuan.png) no-repeat;color:#fff;}
#cen_right_top h3{line-height:35px;text-align:center;float:left;height:35px;width:110px;margin:0px;padding:0px;background-color:#F3F3F3;font-size:14px;color:#333333;font-weight:lighter;cursor:pointer; margin-right:3px; transition:all 0.5s;}
#cen_right_top h3:hover{background:url(../images/qiehuan.png) no-repeat;color:#fff;}
#cen_right_top div{font-size:12px;display:none;clear:both;height:auto;padding:20px 0px 0px 20px; border-top:1px solid #ccc;}

#container{margin:auto auto;width:769px;padding-left:50px; height:600px;}
#mylist td{line-height:21px;}
#mylist td.one{width:50px;}

#zong #zong_r .right_xia .zhaopin{ width:819px; height:35px; line-height:35px; overflow:hidden; margin-bottom:50px;font-size:14px;}
#zong #zong_r .right_xia .zhaopin a{ color:#333;}
#zong #zong_r .right_xia .zhaopin a:hover{ color:#003e7b;}
#zong #zong_r .right_xia .viewport .bellows__header h3{ font-size:18px; font-weight:normal; color:#fff;}
/*分页*/
.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 30px;
	padding-top: 10px;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
	text-decoration:none;
}
.listpage span {
    background-color: #003e7b;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FFF;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.cpage { text-align:center}
.cpage a {
	background-color: #FFFFFF;
    border-color: #7EB864;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding:5px 10px;
}
.blank10{height:10px;overflow:hidden;}
.page2{ text-align:right; font-size:12px; color:#000; margin-top:20px; padding-top:10px; border-top:1px #eeeeee solid;}
.page2 a{ font-size:12px; color:#333; text-decoration:none;}
.page2 a:hover{ font-size:12px; color:#2DACD5; text-decoration:underline;}
.downloadlists li{ width:799px; padding-left:20px; overflow:hidden; height:30px; line-height:30px; background:url(../images/downlisticon.jpg) 2px center no-repeat; }
.downloadlists li a{line-height:30px;color:#999;}
.downloadlists li a:hover{color:#003e7b;}