@charset "utf-8";

html,body{ font-size:12px; font-family:"Microsoft YaHei"; text-align:center; color:#323232; margin:0px; padding:0px; background-color:#fff;}

a:link, a:visited, a:active {text-decoration:none; }

body{ padding:0px; margin:0px; text-align:left;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{ margin:0px; padding:0px; font-weight:100;font-size: 14px;}

a{color:#313131;}

a img{border:none;}

.clear{clear:both; margin:0; padding:0; height:0px; overflow:hidden;}

a:hover{color:#de5a25; text-decoration:none; }

li{ list-style:none;}

.gaoxiao{ height:1px; width:100%;}

.w1000{width:1000px; margin:0 auto;}
.w10001{width:1000px; margin:0 auto;overflow: hidden;}

h1, h2, h3, h4, h5, h6, b{ font-weight:normal;}



/*头部*/

header{height:120px;}

#language{height:12px; margin-top:10px; float:right;width:154px;}

#language #cn{width:62px;height:12px; background:url(../cn.jpg) no-repeat left; text-indent:25px; float:left; line-height:12px;}

#language span{ float:left; display:block;line-height:12px; margin-left:5px; color:#e5e5e5;height:12px;}

#language #en{width:62px;height:12px; background:url(../en.jpg) no-repeat left; text-indent:25px; float:left;line-height:12px;margin-left:6px;}

#web_logo{ float:left; display:block; margin-top:25px;width: 50%;}

#web_logo img{ display:block; width: 85%;}

#search{ float:right; margin-top:20px;}

#search .advsearch_class1 select{width:69px;height:36px; color:#787878; border:#d9d9d9 1px solid; text-indent:6px; padding:4px;}

#search ul li{ float:left;}

#search ul li span{ display:block; float:left;}

#search .searchword input{width:200px;height:34px; color:#787878;border:#d9d9d9 1px solid; text-indent:10px;border-left:none;border-right:none; line-height:34px;}

nav{height:55px; background:url(../nav_b.png) repeat-x 0px 1px;}

nav ul li{ line-height:60px; float:left; width:123px; margin-right:9px; margin-left:9px; text-align:center; height:55px;position:relative; font-size:16px;}

nav ul li a{ display:block;}

nav ul li:hover{ border-top:3px solid #de5a25;height:52px; line-height:54px;}

nav ul li:hover dl{ display:block;}

nav ul li dl{ position:absolute; left:0; top:52px; z-index:999; width:100%; display:none;}

nav ul li dl dd{height:42px; background-color:#FFF; line-height:40px; font-size:14px; overflow:hidden; border-top: 1px solid #eee;}

nav ul li dl dd:hover{ background-color:#de5a25;}

nav ul li dl dd:hover a{ color:#FFF;}

/*banner*/

.s_hd{width:100%;height:525px;position:relative;}

.s_hd .huandeng li{display:block;width:100%; height:525px;}

.s_hd .bx-default-pager{ position:absolute;bottom:24px;z-index:52;width:100%;text-align:center;}

.s_hd .bx-pager-item{width:16px;height:16px; line-height:999; overflow:hidden; margin-left:13px; display:inline-block;}

.s_hd .bx-pager-item a{ display:block;}

.s_hd .bx-pager-link:hover{ background:url(../banner_in.png) no-repeat;}

.s_hd .bx-pager-link{ background:url(../banner_on.png) no-repeat;}

.s_hd .active{background:url(../banner_in.png) no-repeat;}

.s_hd .bx-controls-direction{ display:none}	

/*内容*/

/*晶睿产品*/
#main_01 h2{ font-size:26px; height:53px; text-align:center; margin-top:34px;background:url(../1.jpg) no-repeat bottom center;}

.jrcp{margin-top:30px;}

#main_01 ul li{ float:left;width:230px;height:285px; border:1px solid #d9d9d9; margin-bottom:32px; margin-right:16px; overflow:hidden; position:relative;}

#main_01 ul li img{width:236px;height:235px; display:block;transition: all 400ms ease 0s;}

#main_01 ul li h1{ font-size:20px; text-align:center; height:50px; background-color:#f5f5f5; line-height:50px; overflow:hidden; position:absolute; bottom:0; left:0; z-index:99; width:100%;}

#main_01 ul li:hover{border:1px solid #4949c3;}

#main_01 ul li:hover h1{ background-color:#4949c3; color:#FFF;}

.more{ background:url(../2.png) no-repeat; width:169px; height:36px;margin: 20px auto; text-align:center; line-height:36px; font-size:16px; color:#666666;}



/* 关于晶睿*/
#main_02{height:581px; background-color:#fafafa;}
#main_02 h2{font-size:26px; height:53px; text-align:center; margin-top:34px;background:url(../1.jpg) no-repeat bottom center;}
.main02_dowm{ height:403px;margin-top: 45px;}
.main02_dowm_left{ float:left;width: 639px;}
.main02_dowm img{  width:176px; height:126px;}
.main02_dowm_right{float:right;}
.gyjr_img{ width:338px!important; height:403px !important;}
.gyjr_up {float: left; width:639px; height:222px; border-bottom:1px solid #e5e5e5;}
.gyjr_up h1{ font-size:18px; color:#222222;}
.gyjr_up p{ font-size:14px; color:#333333; line-height: 25px;}
.gyjr_dowm {float:left; width: 639px;height: 208px; }
.gyjr_dowm .bx-wrapper{ margin-top:50px;margin-left: 39px;max-width: 574px!important;}
.gyjr_dowm .bx-wrapper .bx-next {display: block;line-height: 94px; height: 28px;width: 16px;left: -30px; background: url(../5.png) no-repeat; position: relative;overflow: hidden; bottom: 220px;}
.gyjr_dowm .bx-wrapper .bx-prev {display: block;line-height: 94px; height: 28px;width: 16px;left: 580px; background: url(../6.png) no-repeat; position: relative;overflow: hidden; bottom: 192px;}
.gyjr_dowm .slide { margin-right:20px !important; width:176px!important;}
.gyjr_dowm .bx-viewport {height: 200px !important;}



/* 客户案例*/
.khal{ height:481px; background:#fff;}
.khal h2{font-size:26px; height:53px; text-align:center; margin-top:34px;background:url(../1.jpg) no-repeat bottom center;}
.khal_down {margin-top: 30px; height: 230px;overflow:hidden;}
.khal_down img{ width:296px; height:197px;}
.khal_down .slide { margin-right:20px !important; width:296px!important;}
.khal_down .slide a h6{ color:#333333; font-size:16px;text-align: center;}
.khal_down .bx-viewport {margin: 0 auto;width: 925px !important;height: 230px !important;}
.khal_down .bx-wrapper .bx-next {display: block;line-height: 94px; height: 28px;width: 16px;left: 0px !important; background: url(../5.png) no-repeat; position: relative;overflow: hidden; bottom: 229px;}
.khal_down .bx-wrapper .bx-prev {display: block;line-height: 94px; height: 28px;width: 16px;left: 984px !important; background: url(../6.png) no-repeat; position: relative;overflow: hidden; bottom: 200px;}

/* 新闻中心*/

/* 2020-11-06 index.html 旧的
.xwzx{ height:584px; background:#fafafa;}
.xwzx h2{font-size:26px; height:53px; text-align:center; margin-top:34px;background:url(../1.jpg) no-repeat bottom center;}
.xwzx_down{ height:331px;margin-top: 48px;}
.xwzx_down_left{ float:left; width:581px; height:330px;}
.xwzx_down_left li{ width:581px; height:109px; border-bottom:1px solid #dddddd;}
.xwzx_down_a:hover .day{ color:#4949c2;}
.xwzx_down_a:hover .year { color:#4949c2;}
.xwzx_down_a:hover .xwzx_nr h5 { color:#4949c2;}
.xwzx_down_a:hover .xwzx_nr h6{ color:#4949c2;}
.xwzx_sj{ float:left; width:80px; height: 94px; background: url(../ditu.png) no-repeat right bottom;}
.day {text-align: center;font-size: 40px;color: #666666;display: block;line-height: 80px;height: 64px; font-family:"Arial";}
.year {font-size: 14px;color: #666666;display: block; text-align:center;}
.xwzx_nr{ float:right; width:490px;}
.xwzx_nr h5{ color:#333333; font-size:18px;height: 50px;line-height: 50px;}
.xwzx_nr a h5:hover{color: #de5a25;}
.xwzx_nr h6{ color:#666666; font-size:14px;}
.xwzx_down_right{ float:right; width:376px; height:331px; border:1px solid #eeeeee;}
.xwzx_down_right h3{ width:374px; height:278px;  background-position: center center;background-repeat:no-repeat; background-size: contain;}
.xwzx_down_right h1{ height:50px; color:#fff; background:#4949c2; text-align:center; line-height:50px;}
.xwzx_down_right h1 a{color:#fff; font-size:18px; }
.more2{ background:url(../2.png) no-repeat; width:169px; height:36px;margin: 40px auto; text-align:center; line-height:36px; font-size:16px; color:#666666;}
*/
.xwzx{ background:#fafafa;}
.xwzx h2{font-size:26px; height:53px; text-align:center; margin-top:34px;background:url(../1.jpg) no-repeat bottom center;}
.xwzx_down{ margin-top: 48px;}

.xwzx_down_news_box ul{ display:flex; flex-wrap: wrap; }
.xwzx_down_news_box ul li{ width:490px; height:201px; border-bottom:1px solid #dddddd; display: flex; margin-top: 10px;}
.xwzx_down_news_box ul li:nth-child(odd){ padding-right: 10px; }
.xwzx_down_news_box ul li:nth-child(even){ padding-left: 10px; }

.xwzx_down_news_box ul li .xwzx_img{ flex-shrink: 0; width:180px;height: 200px; background-position: center center; background-repeat: no-repeat;background-size: contain;border: 1px solid #ccc;}


.xwzx_nr{ padding: 0 10px;}
.xwzx_nr h5{ color:#333333; font-size:18px;height: 55px;}
.xwzx_nr a h5:hover{color: #de5a25;}
.xwzx_nr h6{ height:115px; color:#666666; font-size:14px; overflow:hidden;
display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp: 6;    
overflow: hidden;}

.xwzx_nr .year {font-size: 14px;color: #ea7b78; font-family:"Arial";display: block; margin-top: 10px;}
.xwzx_nr:hover .year { color:#4949c2;}

.more2{ background:url(../2.png) no-repeat; width:169px; height:36px;margin: 40px auto; text-align:center; line-height:36px; font-size:16px; color:#666666;}




/* 友情链接 */
.link{ margin: 20px 0; }
.link h2 { font-size: 26px; text-align: center; }
.link ul { display: flex; flex-wrap: wrap; }
.link ul li { margin-right: 30px; }
.link ul li a { font-size: 18px; color: #333; }
.link ul li a:hover { color: #ff6000; }


/*尾部*/

#footer{height:207px; background-color:#4949c2;  padding-top:32px;}

#footer h2{ font-size:16px; color:#FFF; line-height:20px;text-align:center;}

#footer a{ color:#fff;font-size: 14px;}

#footer li{ line-height:24px;}

#footer ul{ margin-top:12px; text-align: center;}

#footer #footer_1{width:128px; float:left;}

#footer #footer_2{width:142px; float:left; border-left:1px solid #5454de;height:190px; overflow:hidden;}

#footer #footer_3{width:144px; float:left; border-left:1px solid #5454de;height:190px; overflow:hidden;}

#footer #footer_4{width:158px; float:left; border-left:1px solid #5454de;height:190px; overflow:hidden;}

#footer #footer_5{width:143px; float:left; border-left:1px solid #5454de;height:190px; overflow:hidden;}

#footer #footer_6{width:280px; float:right; border-left:1px solid #5454de;height:173px;text-align:right;}
#footer #footer_6 h2{ text-align:left;padding-left: 45px;}
#footer #footer_6 ul{ margin-left:48px;}
#footer #footer_6 ul li{ width:213px; font-size:14px; color:#fff; text-align:left;}



footer{height:48px; color:#fff; line-height:48px;}

.footer_down {background: #4949c2; border-top:1px solid #5454de;}


footer p{ float:left;font-size: 14px;}

footer p a{color:#fff;}
footer span a{color:#fff;}
footer span a:hover{color:#fff;}

footer span{ float:right;font-size: 14px;}



#all_right{width:147px;height:331px; position:fixed;right:0;top:85px; z-index:999; padding:65px 3px 3px 3px; background:url(../all_right_1.png) no-repeat center 12px #256fa9;}

#all_right #all_right_in{background:url(../hhd_03.png) no-repeat center 13px #FFF; padding-top:56px;height:275px;}

#all_right #all_right_in img{ display:block;width:100px;height:100px; margin:9px auto;}

#all_right #all_right_in #hq_qq{height:135px;width:131px; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; margin:0 auto; padding-top:14px;}

#all_right #all_right_in #hq_qq a{ display:block;width:131px;height:33px; background:url(../qq_on.png) no-repeat; margin-bottom:12px; line-height:33px; text-indent:45px; font-size:16px; color:#FFF;}

#all_right #all_right_in #hq_qq a:hover{background:url(../qq_in.png) no-repeat;}




#all_left{width:124px;height:316px; border:1px solid #bababa;position:fixed;top:250px; z-index:999; background:url(../4.jpg) center 234px no-repeat #FFF;}

#all_left li{width:124px;height:32px; border-bottom:1px solid #bababa; line-height:32px; text-align:center; font-size:14px;}

#all_left li a{ display:block; color:#646464;}

#all_left li:hover{ background-color:#de5a25;}

#all_left li:hover a{ color:#FFF;} 









.powered_by_metinfo{height:35px;color:#fff;text-align:center;font-size:12px;line-height:35px;}
.powered_by_metinfo a{color:#fff;}
