@charset "utf-8";
/* CSS Document */
/*网站:长春生盛世光学*/
/*切图：yqg*/
/*全局*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
body{ margin:0;font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
img{border:0; max-width:100%;}
a{ text-decoration:none; color:#000000;}
a:hover{color:#d50000; cursor:pointer;}

.pz_top{ float:left; width:100%; min-width:1000px;}
.pz_banner{float:left; width:100%; min-width:1000px; overflow:hidden; position:relative; border-top:2px solid #0e81cd;}
.pz_main{float:left; width:100%; min-width:1000px;}
.pz_down{ float:left; width:100%; min-width:1000px; background:#0e81cd;}

.w_0100{ float:left; width:100%; min-width:1000px;}
.w_1000{ margin:0 auto; width:1000px;}

/*top*/
.back1{ background:url(images/top1.jpg) repeat-x 0 center;}
.c_1000{ float:left; width:1000px; height:103px;}
.logo{ float:left; padding:17px 30px; margin-left:-30px; background:#fff; width:341px;}
.c_1000 .right{ float:right; width:585px;}
.c_1000 .t_580{ float:left; width:585px;}
.c_1000 .top_phone_fx{ float:right; margin-top:17px;}
.c_1000 .top_phone_fx .phone{ float:left; background:url(images/top2.jpg) no-repeat 0 center; line-height:16px; height:16px; color:#808080; padding-left:18px; padding-right:10px;}
.c_1000 .top_phone_fx i{ float:left; width:17px; height:16px; text-align:center; line-height:16px; padding-left:12px;}
.c_1000 .top_phone_fx i a{ float:left; width:17px; height:16px;}
.c_1000 .top_phone_fx i a.f{ background:url(images/top3.jpg) no-repeat -6px 0;}
.c_1000 .top_phone_fx i:hover a.f{ background:url(images/top3.jpg) no-repeat -6px bottom;}
.c_1000 .top_phone_fx i a.twitter{ background:url(images/top3.jpg) no-repeat -36px 0;}
.c_1000 .top_phone_fx i:hover a.twitter{ background:url(images/top3.jpg) no-repeat -36px bottom;}
.c_1000 .top_phone_fx i a.wifi{ background:url(images/top3.jpg) no-repeat -64px 0;}
.c_1000 .top_phone_fx i:hover a.wifi{ background:url(images/top3.jpg) no-repeat -64px bottom;}
.c_1000 .top_phone_fx i a.LinkedIn{ background:url(images/top3.jpg) no-repeat -94px 0;}
.c_1000 .top_phone_fx i:hover a.LinkedIn{ background:url(images/top3.jpg) no-repeat -94px bottom;}




/*导航*/
.menu{ float:right; height:51px; margin-top:19px; border-left:1px solid #e4e4e4;}
.menu ul{ float:left}
.menu .nli{ float:left; border-right:1px solid #e4e4e4; position:relative; z-index:99;}
.menu .nli span a{ float:left; min-width:60px; padding:0 10px; text-align:center; color:#3b3b3b; font-size:15px; line-height:51px; letter-spacing:1px;}
.menu .nli.on span a{ background:#0e81cd; color:#fff;}
.menu .nli .sub{ position:absolute; z-index:11; background:url(images/menu.png); left:50%;min-width:100%;  top:51px; padding-top:2px; display:none;
                 transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
}
.menu .nli .sub li{   border-top:1px solid #fff; text-align:center;  padding: 8px 0px;}
.menu .nli .sub li a{ color:#fff; font-size:14px;white-space:nowrap;padding:0 10px;}
.menu .nli .sub li a:hover{ color:#fff; background:#0e81cd}




/*banner*/
.pz_slides_3{ width:100%; height:482px; overflow:hidden; position:relative;}
.pz_slides_3 ._btn{overflow:hidden; position:absolute; bottom:30px; right:24%; z-index:200;}
.pz_slides_3 ._btn ul{ overflow:hidden; zoom:1; float:left;  }
.pz_slides_3 ._btn ul li{float:right; width:14px; height:14px; margin-left:17px;  cursor:pointer; BACKGROUND:#fff;}
.pz_slides_3 ._btn ul li.on{ BACKGROUND:#f28a14;}
.pz_slides_3 ._pic{ position:relative; height:100%; z-index:0;}
.pz_slides_3 ._pic li{ zoom:1; vertical-align:middle;position:relative; }
.pz_slides_3 ._pic li img{ width:1920px; height:482px; display:block;}
.back_banner{ background:url(images/banner_back.png) repeat-x; position:absolute; z-index:11; width:100%; height:10px; left:0; top:0;}

.pf_0100{ position:absolute; z-index:11; width:100%; left:0; bottom:0; height:120px; /*background:url(images/banner_pf.png);*/}
.pf_0100 .l_780{ float:left; width:780px; color:#fff;}
.pf_0100 .l_780 .tit{ float:left; width:780px; height:36px; line-height:36px; margin-top:20px;}
.pf_0100 .l_780 .tit a{ float:left; width:780px; overflow:hidden; text-overflow:ellipsis; color:#ffffff; font-size:30px; text-transform:uppercase;}
.pf_0100 .l_780 .d_text{ float:left; width:780px; overflow:hidden; height:36px; line-height:18px; font-size:16px; color:#fff; margin-top:10px;}

/*main*/
.back2{ background:url(images/main1.jpg);}
.c_1000_1{ float:left; width:1000px; padding-bottom:40px;}
.t_1000{ float:left; width:1000px; text-align:center; color:#393939; font-size:14px; line-height:24px; height:70px; margin-top:30px; background:url(images/main2.jpg) no-repeat center bottom;}
.t_1000 strong{ color:#0e81cd; font-size:28px; line-height:40px;}
.list{ float:left; width:1000px; overflow:hidden;}
.list ul{ float:left; width:1020px;}
.list li{ position:relative; z-index:11; float:left; width:320px; height:215px; margin:20px 20px 0 0 ; border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px;}
.pf_320{ display:none; position:absolute; z-index:11; width:320px; height:215px; left:0; top:0; background:url(images/main4.png); border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px;}
.pf_320 a{ float:left; width:320px; height:215px; color:#fff; }
.pf_320 a .tit1{ float:left; width:320px; text-align:center; margin-top:80px; line-height:28px; font-size:20px;}
.pf_320 a i{ font-size:14px; float:left; width:300px; text-align:center; line-height:24px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; margin-left:10px;  }
.list li:hover .pf_320{ display:block;}
.more{ float:left; width:1000px; margin-top:20px;}
.more a{ float:left; width:1000px; text-align:center; line-height:46px; height:46px; background:url(images/main5.png); font-size:16px; font-weight:bold; color:#a0a0a0;}


.c_1000_2{ float:left; width:1000px; padding-top:35px; padding-bottom:35px;}
.l_266{ float:left; width:266px;}
.tit_0100{ float:left; width:100%; height:67px; background:url(images/main2.jpg) no-repeat 0 bottom; color:#393939; font-size:14px; line-height:30px;}
.tit_0100 strong{ font-size:28px; color:#0e81cd;}
.d_266{ float:left; width:266px; margin-top:20px; height:227px; overflow:hidden; line-height:20px; color:#393939;}

.l_335{ float:left; width:335px; margin-left:40px;}
.list_new{ float:left; width:335px;}
.list_new ul{ float:left}
.list_new li{ float:left; width:335px; margin-top:20px; height:64px;}
.list_new li .l_53{ float:left; width:54px; height:49px; text-align:center; background:url(images/main8.png) no-repeat 0 bottom; text-align:center; color:#fff; font-size:18px; line-height:22px; padding-top:5px;}
.list_new li .l_53 span{ font-size:20px; line-height:22px;}
.list_new li .r_260{ float:right; width:260px;}
.list_new li .r_260 .tit2{ float:left; width:260px;}
.list_new li .r_260 .tit2 a{ float:left; width:260px; overflow:hidden; text-overflow:ellipsis; font-size:16px; line-height:16px; color:#333333;}
.list_new li:hover .l_53{ background:url(images/main8.png) no-repeat;}
.list_new li:hover .r_260 .tit2 a{ color:#f28a14;}
.list_new li .r_260 .text1{ float:left; width:260px; color:#747474; line-height:18px; margin-top:7px; height:36px; overflow:hidden;}
.list_new li .r_260 .text1 a{ color:#747474;}

.r_337{ float:right; width:337px;padding-bottom:20px;}
.d_337{ float:left; width:337px; background:url(images/main9.jpg) no-repeat right top; color:#414141; margin-top:20px}
.d_337 td{ color:#414141}
.d_337 tr{height:28px!important;overflow:hidden;}


/*down*/
.c_1000_3{ float:left; width:1000px; height:51px; line-height:51px;}
.c_1000_3 .coy{ float:left; color:#fff;}
.c_1000_3 .r_href{ float:right; color:#fff;}
.c_1000_3 .r_href a{ color:#ffffff;}
.c_1000_3 .r_href a:hover{ text-decoration:underline;}

/*内页*/
.w_216{ float:left; width:216px; padding:18px 0 20px 0;}
.t_216{ float:left; width:201px; padding-left:15px; background:url(images/ny1.jpg) no-repeat; height:67px; text-transform:uppercase; font-size:30px; color:#fff; line-height:67px;}

.pz_SideLayer{ float:left; width:216px; margin-top:-2px;}
.pz_SideLayer .l1{ float:left; width:216px; margin-top:10px;}
.pz_SideLayer .l1 a{ float:left; width:202px; padding-left:14px; background:url(images/ny3.jpg) no-repeat; color:#333333; font-size:14px; height:40px; line-height:40px;}
.pz_SideLayer .l1 a.hover,
.pz_SideLayer .l1 a:hover{ color:#fff; background:url(images/ny2.jpg) no-repeat;}

.w_754{ float:right; width:754px; padding:18px 0 20px 0;}
.t_1000_1{ float:left; width:754px; line-height:41px; background:url(images/ny5.jpg) repeat-x 0 bottom;}
.t_1000_1 span{ float:left; height:39px; border-bottom:2px solid #1785cd; font-size:18px; line-height:36px; color:#0e81cd;}
.t_1000_1 .right_1{ float:right; color:#606060;}
.t_1000_1 .right_1 a{ color:#606060;}
.t_1000_1 .right_1 a:hover{ color:#0e81cd;}

/*about us*/
.page{ float:left; width:754px; color:#333333; font-size:14px; line-height:24px; padding-top:40px; min-height:400px;}
.pages{ float:left; width:754px; color:#333333; font-size:14px; line-height:24px; padding-top:40px;margin-bottom:60px;}

/*products*/
.pro_list{ float:left; width:754px; margin-top:10px; overflow:hidden;}
.pro_list ul{ float:left; width:769px;  min-height:300px;}
.pro_list li{ float:left; width:241px; margin-top:10px; margin-right:15px;}
.pro_list li .t_241{ float:left; width:241px; height:162px; border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -moz-border-radius:2px;}
.pro_list li .d_241{ float:left; width:241px; height:32px; line-height:32px; text-align:center;}
.pro_list li .d_241 a{ float:left; width:221px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#666666;}
.pro_list li .d_241 a:hover{ color:#0e81cd;}

.fy_pro{ float:left; width:754px; padding:28px 0 40px 0;}

/*products details*/
.pro_text{ float:left; width:754px;}
.t_754{ float:left; width:754px; margin-top:22px;}
.t_754 .tit3{ float:left; width:754px; color:#222222; font-size:36px; text-align:center; line-height:40px;}
.d_img{ float:left; width:754px; text-align:center; margin-top:24px;}
.d_img img{ border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px;}
.d_754{ float:left; width:754px; margin-top:30px;}
.d_754 .tit4{ float:left; width:754px; height:43px; background:#eef4fa;}
.d_754 .tit4 span{ float:left; width:142px; height:43px; background:#0077df; font-size:18px; text-align:center; line-height:43px; color:#fff; text-transform:uppercase;}
.d_754 .text2{ float:left; width:754px; color:#333333; font-size:14px; line-height:28px; padding-top:13px; padding-bottom:11px;}


.updown{ float:left; width:754px; border-top:1px dashed #999999; line-height:30px; padding:22px 0 30px 0; color:#0077df; font-size:14px;}
.updown a{ color:#666666;}
.updown a:hover{ color:#0077df;}
.updown .l_up{ float:left; width:40%; overflow:hidden; text-overflow:ellipsis;}
.updown .r_down{ float:right; width:40%; overflow:hidden; text-overflow:ellipsis; text-align:right;}

/*new*/
.news_list{ float:left; width:754px; min-height:300px;}
.news_list ul{ float:left;  width:100%;}
.news_list li{ float:left; width:754px; margin-top:20px; height:74px; border-bottom:1px dashed #999999;}
.news_list li .l_53{ float:left; width:54px; height:49px; text-align:center; background:url(images/main8.png) no-repeat 0 bottom; text-align:center; color:#fff; font-size:18px; line-height:22px; padding-top:5px;}
.news_list li .l_53 span{ font-size:20px; line-height:22px;}
.news_list li .r_260{ float:right; width:678px;}
.news_list li .r_260 .tit2{ float:left; width:678px;}
.news_list li .r_260 .tit2 a{ float:left; width:655px; overflow:hidden; text-overflow:ellipsis; font-size:16px; line-height:16px; color:#333333;}
.news_list li:hover .l_53{ background:url(images/main8.png) no-repeat;}
.news_list li:hover .r_260 .tit2 a{ color:#f28a14;}
.news_list li .r_260 .text1{ float:left; width:678px; color:#747474; line-height:18px; height:36px; overflow:hidden; margin-top:10px;}
.news_list li .r_260 .text1 a{ float:left; width:678px; color:#747474;}

.fy_new{ float:left; width:754px; padding:40px 0;}


/* 分页 */
.pz_fy{width:100%; float:left; padding:5px 0px; text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { border: #d4d4d4 1px solid; PADDING:4px 9px; COLOR: #767676; text-decoration:none; margin:0 0px; }
.pz_fy a:hover,.pz_fy a.on{color: #ffffff; border: #0d80cc 1px solid; background-color:#0d80cc; text-decoration:none;}/*鼠标经过和默认当前页样式*/


/*    新闻中心内页   */
.news_tit{ width:100%; float:left; border-bottom:1px dashed #999999; padding:0px 0 10px 0; text-align:center; line-height:32px;}
.news_tit h2{  font-size:16px;}
.news_tit span{ color:#969696;}

.news_ct{ width:100%; float:left; padding:15px 0; line-height:24px;font-size:12px; color:#505050; min-height:300px;}
.news_ct img { max-width: 100%; }













.lxwm_section{width: 100%;box-sizing: border-box;overflow: hidden;padding-bottom:50px;}
.lxwm_section div,
.lxwm_section button,
.lxwm_section input{box-sizing: border-box;}
.lxwm_section .content{width: 100%;padding: 20px 20px 30px 20px;border: 1px solid #e5e5e5;border-radius: 5px;float: left; box-sizing: border-box;}
.lxwm_section .listbox{width: 100%;overflow: hidden;margin: -10px;width: calc(100% + 20px);}
.lxwm_section .listbox .list{width: 50%;float: left;padding: 10px;}
.lxwm_section .listbox .list .inputbox{width: 100%;position: relative;padding: 0 12px 0 44px;border: 1px solid #e5e5e5;border-radius: 5px;}
.lxwm_section .listbox .list .inputbox input{width: 100%;display: block;height: 58px;font-size: 16px;color: #555;border: 0;outline:none;}
.lxwm_section .listbox .list .inputbox img{position: absolute;left: 12px;top: 50%;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);}
.lxwm_section .textbox{margin-top: 20px;margin-bottom: 20px;position: relative;border: 1px solid #e5e5e5;border-radius: 5px;padding: 12px 12px 12px 44px;}
.lxwm_section .textbox img{position: absolute;left: 12px;top: 12px;}
.lxwm_section .textbox textarea{width: 100%;height: 120px;font-size: 16px;color: #555;border: 0;outline:none;}
.lxwm_section .yzms{width: 100%;position: relative;border: 1px solid #e5e5e5;padding: 0 100px 0 12px;margin-bottom: 20px;}
.lxwm_section .yzms img{height: 46px;position: absolute;right: 1px;top: 1px;display: block;}
.lxwm_section .yzms input{width: 100%;height: 46px;display: block;font-size: 16px;color: #555;border: 0;outline:none;}
.lxwm_section .but{width: 240px;margin: 0 auto;}
.lxwm_section .but button{display: block;font-size: 18px;color: #fff;line-height: 48px;height: 48px;background: #ffa500;width: 100%;cursor: pointer;border-radius: 24px;outline: none;border:0;}
.lxwm_section .but button:hover{opacity: 0.8;}
.lxwm_section .conwords{width: 100%;margin-top: 20px;}
.lxwm_section .conwords .text1{font-size: 16px;color: #999;line-height: 20px;margin-bottom: 20px;}
.lxwm_section .conwords .lj{margin-bottom: 14px;}
.lxwm_section .conwords .lj a{display: block;font-size: 14px;color: #555;line-height: 18px;text-decoration:underline;}
.lxwm_section .conwords .text2{font-size: 14px;color: #999;line-height: 24px;}
.xw_section{width: 100%;overflow: hidden;padding-top: 80px;padding-bottom: 80px;box-sizing: border-box;}
.xw_section .w_1100s{width: 1100px;margin: 0 auto;}
.xw_section .titbox{width: 100%;overflow: hidden;}
.xw_section .titbox .tit{font-size: 36px;line-height: 40px;font-weight: bolder;color: #00a2e9;position: relative;float: left;}
.xw_section .titbox .tit .words2 {
                position: absolute;
                z-index: 10;
                left:0;top:0;
                color: #294198;
                -webkit-mask: linear-gradient(to right, transparent, #294198);
            }
.xw_section .titbox .more{float: right;}
.xw_section .titbox .more a{display: block;font-size: 14px;color: #999;line-height: 40px;}
.xw_section .titbox .more a:hover{color: #294198;}
.xw_section .content{width: 100%;margin-top: 40px;}
.xw_section .content ul{margin: -10px;overflow: hidden;width: calc(100% + 20px);box-sizing: border-box;}
.xw_section .content li{width: 50%;float: left;padding: 10px;box-sizing: border-box;}
.xw_section .content a{display: block;width: 100%;background: #f5f5f5;font-size: 0;box-sizing: border-box;padding: 20px 0;}
.xw_section .content a:hover{background: #294198;}
.xw_section .content a .wordsbox{width: calc(100% - 100px);display: inline-block;vertical-align: middle;padding: 0 20px;box-sizing: border-box;}
.xw_section .content a .wordsbox .words{font-size: 18px;color: #333;line-height: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.xw_section .content a:hover .wordsbox .words{color: #fff;}
.xw_section .content a .datebox{width: 100px;display: inline-block;vertical-align: middle;border-left: 1px solid #e5e5e5;box-sizing: border-box;text-align: center;}
.xw_section .content a:hover .datebox{border-left: 1px solid #fff;}
.xw_section .content a .datebox .date1{font-size: 38px;color: #999;line-height: 42px;font-weight: bolder;}
.xw_section .content a .datebox .date2{font-size: 12px;color: #b1b1b1;line-height: 16px;}
.xw_section .content a:hover .datebox .date1,
.xw_section .content a:hover .datebox .date2{color: #fff;}

.sy_ico_box{width:100%;padding-left:28px;float:left}
.sy_ico_box ul{width:100%;overflow:hidden;}
.sy_ico_box ul li{margin-right:10px;width:32px;height:32px;float:left;border-radius:100%;background:#3C3C3C;}
.sy_ico_box ul li:hover{background:#0e81cd;}
.sy_ico_box ul li img{width:100%;display:block;}