﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/**/
.banners{height: 540px;}
.bslide {width:100%;position:relative;height:540px;}
.bslide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.bslide .bd ul {width:100% !important;}
.bslide .bd li {width:100% !important;height:540px;overflow:hidden;text-align:center; background-position:center top;}
.bslide .bd li a {display:block;height:540px;}
.bslide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.bslide .hd ul {text-align:center;}
.bslide .hd ul li {cursor:pointer;display:inline-block;display:inline;zoom:1;width:100px;height:8px;margin:1px;overflow:hidden;background:#fff;line-height:999px;}
.bslide .hd ul .on {background:#004ebe;}
.bslide .prev,.bslide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:49px;}
.bslide .prev{background:url(img/Index/left1s.png) center bottom no-repeat;}
.bslide .next {left:auto;right:5%;background:url(img/Index/right1s.png) center bottom no-repeat;}
.banner{height: 620px;overflow: hidden;margin-top: -35px}
.series{height: 730px;overflow: hidden;}

/*标题*/
.bt{background: url(Img/Index/bt.png) no-repeat center top;overflow: hidden;margin-top: 20px;}
.bt h3{width: 472px;height: 52px;margin: 56px auto 25px;padding-left: 50px;line-height: 56px;}
.bt h3 a{font-size: 32px;color: #0079FE;font-weight: normal;display:block;text-align: center;}
.bt p{text-transform: uppercase;color: #ccc;font-size: 24px;text-align: center;width:600px;margin:0 auto}

/*品牌系列*/
.series{background: url(Img/Index/sebg.jpg) no-repeat center 8px;height: 720px;overflow: hidden;}
.serpp{height: 450px;margin-top: 19px;overflow: hidden;}
.serpp dl{width: 100%;overflow: hidden;margin-bottom: 4px; padding-bottom: 3px;border-bottom: 1px dashed #e0e9ef;}
.serpp dl dd{float: left;width: 115px;height: 50px;text-align: center;margin-left: 4px;background: url(Img/Index/seli.png) no-repeat center top;/* margin-top: 12px; */overflow: hidden;}
.serpp dl dd a{font-weight: bold;;color: #333;font-size: 14px;line-height: 36px;display: block;width: 106px;height: 33px;margin: 8px 4px;}
.serpp dl dd a:hover{background: #0079FE;color: #fff;}
.serpp dl dt{float: left;background: url(Img/Index/seul.png) no-repeat center top;width: 119px;height: 50px;text-align: center;line-height: 50px;}
.serpp dl dt a{font-size: 14px;font-weight: bold;color:#fff;}
.serpp dl:nth-child(1){height:50px;overflow:hidden;}
.serpp dl:nth-child(2){height:50px;overflow:hidden;}
.serpp dl:nth-child(4) dd{ margin-bottom: 8px;}
.serpp dl:nth-child(3){height:50px;overflow:hidden;}
.serpp dl:nth-child(3) dd{ margin-bottom: 8px;}
.serpp dl:nth-child(4){height:50px;overflow:hidden;}   
.serpp dl:nth-child(5){height:50px;overflow:hidden;}
.serpp dl:nth-child(6){height:50px;overflow:hidden;}
/*五大类*/
.fire{background: url(Img/Index/fbg.jpg) no-repeat bottom center;height: 636px;}
.f_con{width: 1300px;margin: 30px auto;height: 200px;}
.f_con ul li{background: rgba(0,0,0,0.1);width: 232px;height: 438px;float: left;margin-left: 22px;position: relative;transition: .5s;border-radius: 5px;overflow: hidden;}
.f_con ul li h4{width: 100%;text-align: center;height: 30px;line-height: 30px;margin: 2px auto 5px;}
.f_con ul li h4 a{font-size: 16px;color: #fff;}
.f_con ul li P{color: #fff;font-size: 14px;line-height: 20px;width: 200px;margin: 0 auto;height: 60px;overflow: hidden;text-align: justify;}
.f_con ul li img{width:232px;height: 330px;border-radius: 5px;}
.f_con ul li:hover{margin-top: -6px;box-shadow: 1px 1px 10px #333;}
.le{width: 56px;height: 56px;background: url(Img/Index/lefts.png) no-repeat center;top: 300px;left: -80px;position: absolute;cursor: pointer;}
.ri{width: 56px;height: 56px;background: url(Img/Index/rights.png) no-repeat center;top: 300px;right: -80px;position: absolute;cursor: pointer;}
.f_con .le,.f_con .ri{top: 200px;}
.hot{background: url(Img/Index/hotbg.jpg) no-repeat center top;height: 1235px;}
.pul li{width: 197px;height: 192px;background: url(Img/Index/hioc1.png) no-repeat;float: left;margin-top: 5px;}
.pul li:hover,.pul li.up{background: url(Img/Index/hioc.png) no-repeat;}
.pul li:hover a,.pul li.up a{color: #fff;}
.pul li a{display: block;text-align: center;font-size: 18px;color: #333;height: 192px;line-height: 240px;}
.A_pro{margin-top: 15px;position: relative;}
.A_pro .hleft{width: 238px;float: left;height: 838px;box-shadow: 1px 1px 5px #ccc;position: relative;background: url(Img/Index/hleft.png) no-repeat top center; overflow: hidden;}
.A_pro .hright{float: right;height: 838px !important;width: 956px !important;background: url(Img/Index/hright.png) no-repeat top center;box-shadow: 1px 1px 5px #ccc;}
.A_pro dl{width: 930px;margin-left: 12px;margin-top: 12px;height: 814px;}
.A_pro dl dt{width: 930px;height: 61px;}
.A_pro dl dt .p_tit{width: 700px;margin-top: 15px;overflow: hidden;height: 36px;margin-left: 14px;}
.A_pro dl dt .p_tit a{overflow: hidden;text-align: center;margin-left: 4px;color: #333;font-size: 14px;color: #666;float: left;width: 94px;height: 38px;line-height: 36px;background: url(Img/Index/seli.png) no-repeat center top;background-size: 100% 100%;}
.A_pro dl dt .p_tit a:hover{color: #0079FE;}
.ul_pr{width: 700px;}
.ul_pr li{width: 220px;height: 245px;float: left;background:url(Img/Index/hotli.png) no-repeat;background-size: 100% 100%;margin-left: 10px;margin-top: 3px;}
.ul_pr li a img{width: 190px;margin: 15px 15px 2px;display: block;}
.ul_pr li a span{display: block;height: 20px; overflow: hidden;line-height: 20px;margin: 0 auto;font-size: 14px;text-align: center;width: 188px;border: 1px solid #69bcff;margin-left: 15px;    word-break: break-all;}
.ul_pr li a span:hover{color:#0079FE}
.hleft h4{height: 62px;line-height: 62px;width: 160px;text-align: center;margin: 22px auto 0;background: url(Img/Index/hlicon.jpg) no-repeat center;background-size:100% 100%;}
.hleft h4 a{color: #fff;font-size: 24px;}

/*左边*/
.hleft .l_ul{width: 200px;margin: 0 auto;height: 720px;overflow: auto;  padding-right: 60px;padding-left: 19px;}
.hleft .l_ul h5{margin-top: 6px;height: 50px;line-height: 50px;text-align: center;background: url(Img/Index/lbf.png) no-repeat center bottom;background-size: 100%;width: 200px;}
.hleft .l_ul h5 a{color: #0079FE;font-size: 16px;display: block;}
.hleft .l_ul .ul_erj{width:200px ;background: rgba(0,0,0,0.5);overflow: hidden;display: block;}
.hleft .l_ul .ul_erj li{width: 92px;text-align: center;height: 34px;line-height: 32px;overflow: hidden;float: left;margin-left:6px ;float: left;padding: 5px 0;border-radius: 4px;}
.hleft .l_ul .ul_erj li a{color: #fff;font-size: 14px;display: block;border: 1px solid #999;height:32px;}
.hleft .l_ul .ul_erj li a:hover{background: #0079FE;color:#fff ;}
/*最右边*/
.f_right{position: absolute;top: 84px;right: 30px;z-index: 100;}
.f_right .l_ul{width: 200px;margin: 0 auto;height: 730px;position: relative;}
.f_right .l_ul li{width: 200px;height: 230px;margin:10px auto 0;overflow: hidden;background: url(Img/Index/hioc1.png) no-repeat;}
.f_right .l_ul li img{display: block;width: 130px;height:130px;margin: 28px auto;transform:rotate(45deg);border: 6px solid #fff;box-shadow: 1px 1px 5px #ccc;-ms-transform:rotate(45deg);
 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */-o-transform:rotate(45deg); 	/* Opera */}
.f_right .l_ul li span{word-break:break-all;border-radius: 2px;overflow: hidden;display: block;height: 22px;line-height: 22px;text-align: center;width: 190px;margin: 0 auto;font-size: 14px;color: #0079FE;border: 1px solid #0079FE;}
.b_uu2{border-radius: 2px;position: absolute;top: 5px;left: 3px;z-index: 105;border: 1px solid #1c7eed;width: 35px;height: 30px;line-height: 30px;font-size: 26px;text-align: center;cursor: pointer;color: #1c7eed;}
.b_dd2{border-radius: 2px;position: absolute;top:5px; left:162px; z-index: 105;border: 1px solid #1c7eed;width: 35px;height: 30px;line-height: 30px;font-size: 26px;text-align: center;cursor: pointer;color: #0079FE;}
.b_ll2{width: 200px;height: 40px;position: absolute;top: -60px;left: 0px;background:#0079FE;border-radius: 5px;}
.b_ll2 a{color: #fff;font-size: 18px;display: block;text-align: center;line-height: 40px;}

/*exten 小广告*/
.exten{text-align:center;color:#fff;margin-top: 30px;height: 250px;overflow: hidden;}
.exten h3{height:34px;font-size:28px;margin-top: 45px;font-weight: normal;}
.exten .txt{margin:30px 0;font-size:16px;}
.exten .txt span{display:inline-block;padding:0 40px 0 40px;height:30px;line-height:30px;background:url(Img/Index/dd.png) no-repeat 10px 50%;}
.exten .txt span.qqlk{background: url(Img/Index/qqbg.png) no-repeat center left;}
.exten .txt span a{color:#fff;font-weight: bold;font-size: 18px;}
.exten .tell{display:inline-block;vertical-align:middle;height:42px;padding-left:52px;line-height:42px;background:url(Img/Index/tel.png) no-repeat;font-size:14px;}
.exten .tell span{font-size:26px;vertical-align:middle;padding-right: 30px;}
.exten .online1{display:inline-block;vertical-align:middle;width:125px;height:36px;line-height:36px;background: #fff;border:1px solid #fff;color:#0079FE;border-radius:36px;font-size:16px;}
/*exten end*/

/*选择*/
.choose{height: 872px;background: url(Img/Index/chbg.jpg) no-repeat center bottom;overflow: hidden;}
.ch_con{position: relative;width: 650px;height: 550px;background: #fff;float: right;margin-top: 50px;background: url(Img/Index/chi.png) no-repeat bottom;background-size: 100%;background-color: #fff;border-radius: 20px;}
.ch_con h4{color: #333;font-size: 24px;padding-left: 20px;margin: 5px 0 12px;}
.chp {color: #333;font-size: 20px;padding-left: 20px;font-style: italic;}
.chimg{position: absolute;top: 98px;left: 135px;}
.chimg img,.chimg1 img{width: 100px;padding: 0 10px;}
.chimg1{position: absolute;top:156px;left: 280px;}
.cp_text{font-size: 16px !important;height: 305px !important;margin: 168px auto 0 !important;width: 600px !important;color:#333 !important;line-height: 25px!important;overflow:hidden; text-align: justify;}
.cp_text p{font-size: 16px !important;color:#333;line-height: 25px!important;text-indent: 2em !important;}
.cp_text span{font-size: 16px !important;color:#333;line-height: 25px !important;text-indent: 2em !important;}

/*优势*/
.ys{height: 1300px;background: url(Img/Index/ysbg.jpg) no-repeat top center;overflow: hidden;}
.ys .bt p{color: #fff;font-size: 46px;font-weight: bold;margin-top: 80px;}
.ys .ppul li{width: 400px;height: 296px;position: absolute;overflow: hidden;}
.ys .ppul li.ys_li1{top: 22px;left: 0;}
.ys .ppul li.ys_li2{top: 22px;left: 820px;}
.ys .ppul li.ys_li4{top: 454px;left: 799px}
.ys .ppul li.ys_li3{top: 454px;left: 0}
.ys .ppul li.ys_li5{top: 700px;left: 400px;}
.ys .ppul li dl dt{margin-bottom: 15px;}
.ys .ppul li dl dt p,.ys ul li dl dt i,.ys ul li dl dt h4 a,.ys ul li dl dd{color: #fff;font-weight: bold;}
.ys .ppul li dl dt i{display: block;font-size: 56px;text-align: center;font-family: fantasy;}
.ys .ppul li dl dt h4 a{font-size: 24px;}
.ys .ppul li dl dt p{font-size: 20px;}
.ys .ppul li dl dd{font-size: 16px !important;line-height: 30px !important; text-indent: 2em !important; text-align: justify;}
.ys .ppul li dl dd p{font-size: 16px !important;line-height: 30px !important;}
.ys .ppul li dl dd span{font-size: 16px !important;line-height: 30px !important;}
.ys_pr{width: 331px;top: 190px;left: 434px;position: absolute;
transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.ys_pr img{width: 100%;}

/*品牌*/
.pinp{height: 875px;background: url(Img/Index/ppbg.jpg) no-repeat center 150px}
.pinp ul li img{width: 120px;transition: .5s;}
.pinp ul li img:hover{transform:rotate(360deg) scale(1.2)}
.pinp ul li{position: absolute;}
.pinp ul li a{display: block;position: relative;}
.pinp ul li a p{position: absolute;top: 85px;color: #333;font-size: 14px;width: 100%;text-align: center;height: 25px;line-height: 25px;}
.pinp ul li.pli1{top: 40px;left: -60px;}
.pinp ul li.pli2{top: 40px;left: 163px;}
.pinp ul li.pli3{top: 40px;left: 388px;}
.pinp ul li.pli4{top: 40px;left: 684px;}
.pinp ul li.pli5{top: 40px;left: 910px;}
.pinp ul li.pli6{top: 40px;left: 1132px;}
.pinp ul li.pli7{top: 150px;left: 51px;}
.pinp ul li.pli8{top: 150px;left: 272px;}
.pinp ul li.pli9{top: 163px;left: 535px;}
.pinp ul li.pli10{top: 150px;left: 795px;}
.pinp ul li.pli11{top: 150px;left: 1015px;}
.pinp ul li.pli12{top: 274px;left: 161px;}
.pinp ul li.pli13{top: 274px;left: 422px;}
.pinp ul li.pli14{top: 274px;left: 644px;}
.pinp ul li.pli15{top: 273px;left: 904px;}
.pinp ul li.pli16{top: 390px;left: 51px;}
.pinp ul li.pli17{top: 390px;left: 272px;}
.pinp ul li.pli18{top: 380px;left: 535px;}
.pinp ul li.pli19{top: 390px;left: 795px;}
.pinp ul li.pli20{top: 390px;left: 1015px;}
.pinp ul li.pli21{top: 503px;left: 163px;}
.pinp ul li.pli22{top: 503px;left: 388px;}
.pinp ul li.pli23{top: 503px;left: 684px;}
.pinp ul li.pli24{top: 503px;left: 910px;}
.pinp ul li.pli25{top: 503px;left: 1132px;}
.pinp ul li.pli26{top: 503px;left: -60px;}

/*定制流程*/
.dzlc{height: 1100px;background: url(Img/Index/dzbg.jpg) no-repeat center top;overflow: hidden;}
.dzlc ul{margin-top: 40px;}
.dzlc ul li{width: 240px;float: left;text-align: center;height: auto;overflow: hidden;}
.include{transition: .5s;height:240px;width: 100%;background: url(Img/Index/dz_icon.png) no-repeat top center;background-size: 100%;overflow: hidden;}
.include:hover{transform: rotate(45deg);}
.include img{margin-top: 50px;}
.dzlc ul li h4{margin: 10px auto;}
.dzlc ul li h4 a{color: #0079fe;font-size: 18px;font-weight: bold;}
.dzlc ul li p{color: #0079fe;font-size: 16px;line-height: 24px;text-align:justify;width: 80%;margin: 0 auto;height: 120px;}
.desc1{color: #0079fe !important;font-size: 16px !important;line-height: 24px !important;text-align:justify !important;width: 80% !important;margin: 0 auto !important;height: 150px !important;}
.desc1 p{color: #0079fe !important;font-size: 16px !important;line-height: 24px !important;text-align:justify !important;width: 80% !important;margin: 0 auto !important;height: 120px !important;}
.desc1 span{color: #0079fe !important;font-size: 16px !important;line-height: 24px !important;text-align:justify !important;width: 80% !important;margin: 0 auto !important;height: 120px !important;}
.lc_con{width: 930px;height: 390px;margin: 45px auto 0;}
.lc_lk{height: 60px;line-height: 60px;}
.lc_lk span{float: left;width:300px ;text-align: center;border: 2px solid #0079FE;margin-left: 3px;font-size: 20px;color: #0079FE;}
.lc_lk span a{display: block;color: #fff;background: url(Img/Index/qqbg.png) no-repeat 35px center;background-color: #0079FE;}
.lc_lk1,.lc_lk2{width: 700px;margin: 45px auto 0;}
.lc_lk1 span{width: 300px;height:60px;line-height: 60px;background: #0079FE;text-align: center;}
.lc_lk1 span a{display: block;color: #fff;font-weight: bold;font-size: 18px;}
.lc_lk2 span{float: left;width: 170px;margin: 40px 0 0 43px;}
.lc_lk2 span img{width: 160px;border: 1px solid #ccc;padding: 4px;}
.lc_lk2 span p{height: 20px;line-height: 20px;color: #333;font-size: 14px;text-align: center;}

/*应用领域*/
.yyly{height: 849px;background: url(Img/Index/yyly1.jpg) no-repeat top center;overflow: hidden;}
.yyly dl{border: 2px solid #232455;width: 370px;float:left;height: 600px;background: #fff;margin-top: 20px;margin-left: 20px;}
.yyly dl dt{width: 100%;height: 200px;text-align: center;overflow: hidden;}
.yyly dl dt.dt1{background: url(Img/Index/ly4.jpg) no-repeat;}
.yyly dl dt.dt2{background: url(Img/Index/ly5.jpg) no-repeat;}
.yyly dl dt.dt3{background: url(Img/Index/ly1.jpg) no-repeat;}
.yyly dl dt.dt4{background: url(Img/Index/ly3.jpg) no-repeat;}
.yyly dl dt.dt5{background: url(Img/Index/ly2.jpg) no-repeat;}
.yyly dl dt p{color: #fff;font-size: 28px;margin-top: 100px;font-style: italic;text-transform: uppercase;}
.yyly dl dt h4{margin-top: 20px;}
.yyly dl dt h4 a{color: #fff;font-size: 24px;}
.yyly dl dd{margin-top: 6px;}
.yyly dl dd ul li{width: 45%;height: 198px;float: left;margin-left: 13px;}
.yyly dl dd ul li img{width: 160px;display: block;border: 1px solid #ccc;padding: 2px;}
.yyly dl dd ul li img:hover{border: 1px solid red;}
.yyly dl dd ul li span{display: block;overflow: hidden;text-align: center;height: 20px;line-height: 20px;background: #0079FE;color: #fff;margin-top: 2px; word-break: break-all;}
.yyly .bt p{color: #fff;font-size: 28px;margin-top: 40px;}
.le{width: 56px;height: 56px;background: url(Img/Index/lefts.png) no-repeat center;top: 300px;left: -80px;position: absolute;cursor: pointer;}
.ri{width: 56px;height: 56px;background: url(Img/Index/rights.png) no-repeat center;top: 300px;right: -80px;position: absolute;cursor: pointer;}

.le1{width: 56px;height: 56px;background: url(Img/Index/lefts.png) no-repeat center;top: 150px;left: -80px;position: absolute;cursor: pointer;}
.ri1{width: 56px;height: 56px;background: url(Img/Index/rights.png) no-repeat center;top: 150px;right: -80px;position: absolute;cursor: pointer;}

/*简介*/
.intro{background: url(Img/Index/inbg.jpg) no-repeat center 150px;height: 1230px;overflow: hidden;}
.intro .inl{width: 505px;float: left;}
.intro .in_con{height:180px !important;overflow:hidden;}
.intro .inl img{border-radius: 8px;width: 485px;margin: 7px 8px;display: block;}
.in_top{height: 60px;line-height: 60px;border: 6px solid #e6e6e6;border-radius: 10px;margin: 46px 0 10px;width: 490px;background: #05203a;}
.in_top a{color: #fff;font-size: 20px;padding-left: 10px;}
.in_top span{color: #fff;font-size: 30px;padding-right: 10px;}
.intro .inr{width: 662px;height: 388px;float: right;margin-top: 72px;overflow: hidden;}
.intro .inr .jj{font-size: 16px !important;line-height: 24px !important;color: #fff !important;text-indent: 2em !important;}
.intro .inr .jj p{font-size: 16px !important;line-height: 24px !important;color: #fff !important;text-indent: 2em !important;}
.intro .inr .jj span{font-size: 16px !important;line-height: 24px !important;color: #fff;text-indent: 2em !important;}
.intro .dsul{width: 1019px;margin: 90px auto 0;}
.intro .dsul li{margin-left: 67px;width: 171px;height: 167px;float:left;line-height:167px;text-align:center;}
.intro .dsul li a{font-size: 22px;color: #0079FE;display: block;background: url(Img/Index/in_icob.png) no-repeat center;}
.intro .dsul li.in a{background: url(Img/Index/in_ico.png) no-repeat center;color: #fff;}
.intro .in_con ul li{width: 220px;height: 180px;background:url(Img/Index/kk.png) no-repeat center ;float: left;margin-left: 18px;}

.intro .in_con ul li img{width: 178px;height: 124px;display: block;margin: 21px 0 0 15px;}
.intro .in_con ul li span{margin-left: 4px;overflow:hidden;background: rgba(0,0,0,0.5);display: block;height: 25px;line-height: 25px;margin-top: 10px;font-weight: bold;text-align: center;color: #fff;font-size: 16px;width: 200px;}
.vid{width: 505px;height: 364px;overflow: hidden;background: url(Img/Index/video.png) no-repeat center;overflow: hidden;}

.intro .in_con ul.clearfix2 li{width: 120px;height: 180px;background:url(Img/Index/kk.png) no-repeat center ;float: left;margin-left: 26px; background-size: 120px 160px;}
.intro .in_con ul.clearfix2 li img{width: 100px;height: 124px;display: block;margin: 20px 0px 0px 7px;}
.intro .in_con ul.clearfix2 li span{width:113px;font-size:14px; margin-left: 0px;word-break: break-all;}

/*新闻资讯*/
.news{height: 1120px;overflow: hidden;background: url(Img/Common/html.png) repeat center top;}
.news .bt p{color: #fff;}
.news ul li{float:left;width: 370px;height: 400px;background: #2b2f36;border: 1px solid #ccc;margin-left: 20px;margin-top: 20px;transition: .5s;position: relative;}
.news ul li:hover{background: #0079FE;}
.news ul li h4{height:70px;line-height: 90px;text-align:center;    overflow: hidden;}
.news ul li h4 a{font-size: 20px;color:#fff;display: block;}
.news ul li .hydesc{height: 210px !important;line-height: 26px !important;font-size: 16px !important;text-indent: 2em !important;color: #fff !important;width: 330px !important;margin: 10px auto 20px !important;overflow: hidden !important;text-align: justify !important;word-break: break-all;}
.news ul li .hydesc a{color:white}
.news ul li .hydesc p{line-height: 26px !important;font-size: 16px !important;color: #fff !important;text-align: justify !important; }
.news ul li .hydesc span{line-height: 26px !important;font-size: 16px !important;color: #fff !important;text-align: justify !important;}
.nw_d{height: 0;margin: 0 auto;position: relative;}
.news ul li:hover .nw_d{background: url(Img/Index/nw_ico1.png) no-repeat center;background-color: #2b2f36;height: 90px;transition: .5s;}
.news ul li:hover .nw_d img{display: block;}
.nw_d span{padding-left: 20px;display: block;font-size: 18px;color: #bbb;height: 30px;line-height: 30px}
.nw_d span.nw_sp{display: block;font-size: 36px;color: #bbb;height: 50px;line-height: 50px;font-weight: normal;font-family: monospace;}
.nw_d img{display: none;width: 45px;position: absolute;right: 50px;top: 20px;}
.nw_mo{overflow: hidden;display: block;width:225px ;height: 60px;margin: 25px auto;background: url(Img/Index/zx_mo.png) no-repeat center;text-align: center;}
.nw_mo a{font-weight: bold;color:#fff ;font-size: 18px;line-height: 50px;display: block;width: 206px;height: 47px;margin-left: 13px;margin-top: 3px;}
.nw_mo a:hover{color:#0799ca;background: #fff;}
.pinlun{width: 200px;height: 30px;position: absolute;bottom: 20px;right: 20px;}
.pinlun span{font-size: 20px;display: inline-block;width: 50px;color: #bbb;height: 30px;line-height: 30px;background: url(Img/Index/pl.png) no-repeat center left;padding-left: 40px;}
.pinlun span.ll{background: url(Img/Index/ll.png) no-repeat center left;}
.news ul li:hover .pinlun{display: none;}
/*案例*/
.anli{height: 1110px;background: url(Img/Index/anbg.jpg) no-repeat center top;overflow: hidden;}
.anli ul li{width: 369px;height: 740px;margin-top: 130px;float: left;margin-left: 39px;position: relative;}
.anli ul li.li_lo{margin-left: 0;}
.anli ul li img{display: block;width: 240px;transform: rotate(45deg);margin: 0px auto;}
.anli ul li h4{height: 40px;line-height: 40px;text-align: center;margin-top: 80px;overflow:hidden;max-height: 75px;}
.anli ul li h4 a{color: #333;font-size: 18px;display: block;}
.anli ul li h4:hover a{color: #0079FE;}
.cc{text-align: center;font-size: 18px;color: #333;margin: 10px 0;width: 366px;height: 34px;overflow: hidden;}
.anli ul li span.anp1{text-align: center;display: inline-table;font-size: 18px;color: #333;margin: 10px 0;  max-width: 330px;height: 24px;overflow: hidden;}
.anli ul li div.anp2{height: 190px !important;overflow: hidden !important; text-indent:2em !important; width: 320px !important;margin: 30px auto !important;color: #666 !important;line-height: 24px !important;font-size: 16px !important;text-align: justify !important;}
.anli ul li div.anp2 span{height: 190px !important;overflow: hidden !important;width: 320px !important;margin: 30px auto !important;color: #666 !important;line-height: 24px !important;font-size: 16px !important;text-align: justify !important;}
.anli ul li div.anp2 p{height: 190px !important;overflow: hidden !important;width: 320px !important;color: #666 !important;line-height: 24px !important;font-size: 16px !important;text-align: justify !important;}
.an_mo{right: 25px;bottom: 28px;position: absolute;overflow: hidden;display: block;width:225px ;height: 60px;background: url(Img/Index/an_mo.png) no-repeat center;text-align: center;}
.an_mo a{color:#fff ;font-size: 16px;line-height: 50px;display: block;width: 206px;height: 47px;margin-left: 13px;margin-top: 3px;}
.an_mo a:hover{color:#13bd8a;background: #fff;}

/*留言*/
.mess{background: url(Img/Index/message.jpg) no-repeat center top;height: 476px;}
.mess dl{width: 600px;height: 476px;float: left;overflow: hidden;}
.mess dl dt h4{height: 30px;line-height:30px;width: 245px;margin: 39px 0 0 196px;}
.mess dl dt h4 a{color: #0079FE;font-size: 18px;text-align: center;display:block}
.mess dl dd{height: 360px;margin-top: 20px;}
.me_co2 dd ul{width: 486px;margin: 30px auto;height: 320px; overflow: hidden;}
.me_co2 dd ul li{color: #fff;line-height: 23px;font-size: 16px;margin-bottom: 5px;height:130px;border:1px solid white; padding: 10px;overflow:hidden}
.ly1{display:block;height:auto;overflow:hidden;max-height:55px}
.ly2{display:block;height:73px;overflow:hidden;word-break:break-all;}
.ly2 *{font-size: 16px !important;line-height: 23px !important;}

/*右边*/
.me_co1 dd ul{margin-top: 40px;}
.me_co1 dd li{width: 100%;overflow: hidden;margin-top: 30px;}
.me_co1 dd li span{font-size: 16px;color:#fff ;float: left;height: 32px;line-height: 32px;padding-right:5px;text-align: right;width: 75px;}
.me_co1 dd li input{border: 1px solid #73b4da;float: left;width: 195px;height: 30px;}
.me_co1 dd .li_lea textarea{width: 476px;height: 150px;border: 1px solid #73b4da;}
.me_co1 dd li .but{margin-right: 43px;}
.me_co1 dd li .but input{width: 80px;height: 32px;color: #fff;margin-left: 20px;font-size: 14px;border:0;cursor: pointer;}
.me_co1 dd li .but1{background: #2c8bcd;}
.me_co1 dd li .but2{background: #666;}
.contact{height: 580px;overflow: hidden;}
.c_con{width: 560px;height: 368px;overflow: hidden;float: left;margin-top: 20px;}
.c_con img{width: 100%;}
.c_con1{width: 620px;height: 368px;overflow: hidden;float: left;margin-left: 20px;}
.c_con1 dl dt h4{height: 45px;line-height: 45px;margin-top: 40px;margin-bottom: 20px;}
.c_con1 dl dt h4 a{color: #0079FE;font-size: 24px;padding-left: 5px;}
.c_con1 dl dd{margin-bottom: 15px;height: 30px;line-height: 30px;color: #333;font-size: 16px;padding-left: 40px;}
.c_con1 dl dd.dd_3{background: url(Img/Index/con2.png) no-repeat left center;}
.c_con1 dl dd.dd_2{background: url(Img/Index/con6.png) no-repeat left center;}
.c_con1 dl dd.dd_1{background: url(Img/Index/con1.png) no-repeat left center;}
.c_con1 dl dd.dd_4{background: url(Img/Index/con5.png) no-repeat left center;}
.c_con1 dl dd.dd_5{background: url(Img/Index/con3.png) no-repeat left center;}
.c_con1 dl dd.dd_6{background: url(Img/Index/con4.png) no-repeat left center;}

/*当前位置*/
.dqwz{height: 30px;background: #e5ecfb;line-height: 30px;}
.xlcp{overflow: hidden;}
.xlcp ul{width: 1248px;margin: 0 auto;    height: auto;}
.xlcp ul li{height: 236px;background:url(img/skins/kuang0.png) no-repeat center;margin-bottom: 30px;overflow: hidden;transition:0.3s ease ;  }
.xlcp ul li:hover{background:url(img/skins/kuang2.png) no-repeat center;}
.xlcp ul li dl dt{width: 194px;float: left;}
.xlcp ul li dl dd{width: 1004px;float: left;height: 194px;}
.xlcp ul li dl dt img{width: 192px;height: 192px;border: 1px solid #bbe9ff;}
.xlcp ul li dl {width: 1200px;margin: 20px auto 0;}
.xlcp ul li dd{float: left;}
.xlcp ul li dd .x_dd1{width:200px ;height: 100%;overflow: hidden;margin-left: 18px;border-right: 1px solid #b7d5f1;float: left;word-break: break-all;}
.xlcp ul li dd .x_dd1 h4{margin-top: 12px;line-height: 30px;overflow: hidden;height: 70px;}
.xlcp ul li dd .x_dd1 h4 a{color: #0079fe;font-size: 18px;display: block;}
.xlcp ul li dd .x_dd1 h4 a:hover{color: #4747fc;}
.xlcp ul li dd .x_dd1 p{font-size: 16px;color: #888;margin-top: 15px;}
.xlcp ul li dd .x_dd2{width:580px ;height: 100%;overflow: hidden;margin-left: 18px;border-right: 1px solid #b7d5f1;float: left;}
.xlcp ul li dd .x_dd2 .x_dd4{font-size: 18px !important;color: #666 !important;line-height: 30px !important;margin-top: 10px !important;width: 560px !important;overflow: hidden !important;height: 150px !important;word-break: break-all;text-align: justify;}
.xlcp ul li dd .x_dd3{float: left;width: 186px;}
.xlcp ul li dd .x_dd3 img{display: block;width: 130px;margin: 40px auto 20px;}
.xlcp ul li dd .x_dd3 p{text-align: center;color: #0000FF;font-size: 16px;}

/*产品推荐*/
.cptj{overflow: hidden;height: 980px;background: url(Img/skins/tjbg.jpg) no-repeat center bottom;}
.cptj .cpdl{height: 90px;background: url(img/skins/tj_ico.png) no-repeat center;margin-top: 26px;overflow: hidden;position: relative;}
.cptj .cpdl dl{width: 1110px;height: 90px;overflow: hidden;float: left;}
.cptj dl dt{float: left;margin:0 20px;}
.cptj dl dt a{display: block;color: #1c7eed;line-height: 80px;font-size: 18px;font-weight: bold;}
.cptj dl dd{float: left;width: 135px;height: 50px;overflow: hidden;background: url(Img/skins/tjxx.png) no-repeat center;margin:16px 3px;}
.cptj dl dd:hover{background: url(Img/skins/tjxx1.png) no-repeat center;}
.cptj dl dd a{display: block;text-align: center;line-height: 50px;color: #fff;font-size: 16px;}
.cptj dl dd:hover a{color: #1c7eed;}
.cptj .cp_ul1,.cptj .cp_ul2{width:1200px;height:257px}
.cptj span a{float: left;font-size: 14px;color: #333;height: 30px;text-align: center;line-height: 30px;margin: 24px 0;padding: 2px 4px;border: 1px solid #1c7eed;color: #1c7eed;}
.cptj span a:hover{background: #1c7eed;color: #fff;}
.cptj ul li{width: 220px;height: 250px;float: left;background:url(Img/Index/hotli.png) no-repeat;background-size: 100% 100%;margin:0 10px;margin-top: 5px;background-color: #fff;border-radius: 3px;}
.cptj ul li a img{width: 190px;margin: 18px 14px 2px;display: block;transition: .5s;}
.cptj ul li a span{display: block;height: 26px;line-height: 26px;margin: -2px auto;overflow:hidden;font-size: 14px;text-align: center;width: 188px;border: 1px solid #69bcff;margin-left: 15px;word-break:break-all;}
.cptj ul h4{height: 62px;line-height: 62px;width: 160px;text-align: center;margin: 22px auto 0;background: url(Img/Index/hlicon.jpg) no-repeat center;background-size:100% 100%;}
.cptj ul h4 a{color: #fff;font-size: 24px;}
.cptj ul li:hover{background-color: #001443;}
.cptj ul li:hover a img{box-shadow: 0 0 3px #fff;border-radius: 50%;}
.cptj ul li:hover a span{color: #fff;}
.sple1,.sple2{width: 78px;height: 74px;background: url(img/skins/tjl.png) no-repeat center;top: 188px;left: -95px;position: absolute;cursor: pointer;}
.spri1,.spri2{width: 78px;height: 74px;background: url(img/skins/tjr.png) no-repeat center;top: 188px;right: -85px;position: absolute;cursor: pointer;}

/*解决方案*/
.solution{overflow: hidden;height: 710px;background: url(img/skins/sobg.jpg) no-repeat center 201px;}
.solution ul li{width: 370px;height: 500px;float: left;margin: 20px 15px;}
.solution ul li .sodiv{width: 100%;margin-bottom: 20px;height: 240px;overflow: hidden;box-shadow: 1px 1px 10px #999;position: relative;}
.solution ul li .sodiv3{height: 500px;}
.solution ul li:nth-child(3){height:220px}
.solution ul li img{width: 100%;height: 100%;transition: .5s;}
.solution ul li .sodiv:hover img{-webkit-transform:scale(1.2) rotate(8deg); -moz-transform:scale(1.2) rotate(8deg); -o-transform:scale(1.2) rotate(8deg); }
.so_text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
.so_text h4 a{color: #fff;font-size: 24px;display: block;margin: 45px 25px 20px;text-align: center;height: 29px;overflow: hidden;}
.so_text h4 a:hover{color: #fff200}
.so_text .so_textp{color: #fff;font-size: 16px;margin:0 25px;line-height: 26px;height: 0;overflow: hidden;transition: .5s;text-align: justify;}
.so_text .so_textp p{color: #fff;font-size: 16px;line-height: 26px;}
.so_text .so_textp span{color: #fff;font-size: 16px;line-height: 26px;}
.so_text .so_textp a{color: #fff;font-size: 16px;line-height: 26px;}

.solution ul li .sodiv:hover .so_text .so_textp{height: 134px;}
.solution ul li .sodiv3:hover .so_text .so_textp,.solution ul li .sodiv3 .so_text .so_textp{height: 300px;}
.solution ul li .sodiv3 span a{background: url(Img/Index/seul.png) no-repeat center top;border-radius: 3px;margin: 10px auto;background-size: 100% 100%;
width: 160px;height: 50px;display: block;line-height: 50px;text-align: center;color: #fff;font-size: 16px;}
.solution ul li .sodiv3 span:hover a{color:#fff200 ;}
.solution ul li .sodiv:hover .so_text{background: #00008B;background: linear-gradient(90deg,rgb(32, 59, 202),rgba(172, 82, 215, 0.6));}

/*品牌优势*/
.ppys{overflow: hidden;height: 900px;background: url(Img/skins/ppysbg.jpg) no-repeat center;}
.ppys ul{width: 600px;float: left;height: 650px;}
.ppys ul.ppys_ul1{background:url(img/skins/xxx8.png) no-repeat center;position: relative;}
/*品牌1-6*/
.ppys ul.ppys_ul1 li{width: 137px;height: 70px;position: absolute;text-align: center;overflow: hidden;}
.ppys ul.ppys_ul1 li a{color: #fff;font-size: 22px;font-weight: bold;display: block;height: 70px;}
.ppys ul.ppys_ul1 li a:hover,.ppys ul.ppys_ul1 li.yup a{color: #FFF200;}
.ppys ul.ppys_ul1 li.pp_li1{top: 151px;left: 231px;}
.ppys ul.ppys_ul1 li.pp_li2{top: 463px;left: 231px;}
.ppys ul.ppys_ul1 li.pp_li3{top: 214px;left: 82px;}
.ppys ul.ppys_ul1 li.pp_li4{top: 214px;left: 378px;}
.ppys ul.ppys_ul1 li.pp_li5{top: 388px;left: 81px;}
.ppys ul.ppys_ul1 li.pp_li6{top: 388px;left: 390px;}
.ppys ul.ppys_ul2{float: right;width:560px}
.ppys ul.ppys_ul2 h4 a{display: block;height: 30px;line-height: 30px;color:#2c57c8 ;font-size: 20px;margin-top: 35px;    overflow: hidden;}
.ppys ul.ppys_ul2 .ppys_ul2p{font-size: 16px;color: #888;margin-top: 10px;line-height: 28px;height: 170px;overflow: hidden;text-align: justify;}
.ppys ul.ppys_ul2 .ppys_ul2span a{background: url(Img/Index/seul.png) no-repeat center top;border-radius: 3px;margin: 15px 0 20px;width: 110px;height: 45px;display: block;line-height: 45px;text-align: center;color: #fff;font-size: 16px;}
.ppys ul.ppys_ul2 div img{width: 560px;height: 300px;border: 1px solid #ccc;}
/*品牌LOGO*/
.ppys ul.ppys_ul3{width: 145px;height: 145px;position: relative;top: -399px;left: 230px;overflow: hidden;background: #fff;border-radius: 50%;}
.ppys ul.ppys_ul3 li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
/*.ppys ul.ppys_ul3 li.pup{display: block;}*/
.ppys ul.ppys_ul3 li img{width: 100%;height: 100%;}

/*常见问题*/
.faq .faq_con{overflow: hidden;margin-top: 40px;}
.faq{height: 1026px;background: url(Img/skins/cjbg.jpg) no-repeat center;overflow: hidden;}
.faq dl{overflow: hidden;margin-top: 30px;}
.faq dl dt{padding-left: 60px;background: url(Img/skins/faqico.png) no-repeat center left;width: 100%;height: 38px;margin-bottom: 8px;}
.faq dl dt a{font-size: 24px;color: #ffc930;}
.faq dl dd{height: 58px;line-height: 30px;overflow: hidden;color: #fff;font-size: 18px;}
.faq dl dd p{line-height: 30px !important;overflow: hidden;color: #fff;font-size: 18px;}
.faq .f22{width: 155px;height: 55px;line-height: 45px;background: url(img/skins/cjmo.png) no-repeat center;text-align: center;display: block;margin: 40px auto 0;}
.faq span a{font-size: 16px;color: #888;font-weight: bold;}
/*台产晶振----kon2-----------------------------------------------------------------------------*/

/*标题*/
.bt_x{background: url(Img/Index/images/bt_x.png) no-repeat center top;overflow: hidden;margin-top: 20px;}
.bt_x h3{text-align: center;width: 472px;height: 52px;margin: 59px auto 24px;line-height: 52px;}
.bt_x h3 a{    line-height: 52px;font-size: 30px;color: #0079FE;font-weight: normal; text-align: center; width: 472px;height: 52px; margin: 59px auto 24px;display: block;}
.bt_x p{text-transform: uppercase;color: #ccc;font-size: 20px;text-align: center;}

/*品牌系列*/
.series_x{height: 800px;overflow: hidden;background: url(Img/Index/images/tc_chooce.jpg) no-repeat center top;}
.series_x .content{width: 1260px;height: 570px;overflow: hidden;background: url(Img/Index/images/01.png) no-repeat center top;background-size: 100% 100%;margin-top: 15px;}
.serpp_x{overflow: hidden;width: 1200px;margin: 18px auto 0;height: 525px;}
.serpp_x dl{width: 1200px;background: url(Img/Index/images/03.png) repeat-y 3px top;overflow: hidden;margin-bottom: 6px;}
.serpp_x dl dd{float: left;width: 110px;height: 42px;margin-bottom: 7px;text-align: center;margin-left: 7px;overflow: hidden;margin-top: 6px;/* border: 1px solid #fff; */}
.serpp_x dl dd a{font-weight: bold;color: #333;font-size: 14px;display: block;height:  30px;line-height: 30px;margin-top: 5px;border: 1px solid #fff;}
.serpp_x dl dd:hover a{color: #0079FE;background: #fff;}
.serpp_x dl dt{float: left;width: 130px;height: 54px;text-align: center;line-height: 54px;background: url(Img/Index/images/04.png) no-repeat center;}
.serpp_x dl dt a{font-size: 16px;font-weight: bold;color:#fff;}
.serpp_x dl dd.dup{width: 120px;margin-left: 10px;}
.serpp_x dl:nth-child(1){height:55px;overflow:hidden}
.serpp_x dl:nth-child(2){height:55px;overflow:hidden}
.serpp_x dl:nth-child(3){height:55px;overflow:hidden}
.serpp_x dl:nth-child(4){height:55px;overflow:hidden}
.serpp_x dl:nth-child(5){height:55px;overflow:hidden}
.serpp_x dl:nth-child(6){height:55px;overflow:hidden}

/*产品推荐*/
.cptj1 .bt_x{margin-top: 50px;}
.cptj1{height: 800px;background: url(Img/Index/images/tjbg.jpg) no-repeat center;overflow: hidden;}
.tui1{width: 744px;float: left;margin-top: 20px;height: 480px;}
.tui2{width: 450px;float: right;margin-top: 20px;}
.ss1{height: 463px;width: 219px;background: url(Img/Index/images/kuanx.png) no-repeat center;background-size: 100% 100%;position: relative;float: left;}
.ss1 div{width: 198px;height: 318px;background: #fff;position: absolute;right: -40px;top: 65px;box-shadow: 5px 5px 15px #000;}
.ss1 div span{font-size: 24px;color: red;display: block;text-align: center;}
.ss1 img{width: 100%; margin-top: 49px; }
.ss2{height: 420px;float: left;width: 414px;margin-top: 40px;margin-left: 90px;overflow: hidden;}
.ss2 h4 a{display: block;font-size: 20px;color: white;}
.ss2 p{font-size: 15px;color: #fff;line-height: 26px;margin-top:  20px;text-align: justify;}
.tui2 ul li{width: 200px;float: left;margin-left: 17px;height: 220px;margin-bottom: 20px;box-shadow: 5px 5px 15px #000;}
.tui2 ul li img{width: 200px;}
.tui2 ul li span{display: block;color: #FF0006;height: 24px;line-height: 24px;background: #fff;text-align: center;overflow:hidden}
.yuan{width: 223px;height: 20px;position: absolute;bottom: -50px;left: 470px;}
.next{position: absolute;width: 60px;height: 30px;background: url(Img/Index/images/ri.png) no-repeat;right: 240px;bottom: -4px;cursor: pointer;}
.pre{position: absolute;width: 60px;height: 30px;background: url(Img/Index/images/le.png) no-repeat;left: -140px;bottom: -4px;cursor: pointer;}
.yuan ul li{width: 15px;height: 15px;border-radius:50%;float: left;margin-left: 20px;border: 1px solid #0079FE;cursor: pointer;}
.yuan ul .y1{background: #fff;}

/*特点*/
.spe_con{height: 720px;background: url(Img/Index/images/tdbg.jpg) no-repeat center top;overflow: hidden;}
.spe_con ul{height: 650px;width: 336px;overflow: hidden;margin-top: 10px;}
.spe_con ul li{height: 196px;margin-top: 12px;overflow: hidden;padding-bottom: 0;border-bottom: 1px solid #292928;}
.spe_con ul li h4 a{font-size: 18px;color: #0079FE;display: block;height: 30px;line-height: 30px;padding-left: 35px;background: url(Img/Index/images/td_ico.png) no-repeat left center;}
.spe_con ul li h4 a:hover{color: red}
.spe_con ul li p{line-height: 20px;color: #fff;margin-top: 2px;font-size: 15px;text-align: justify;}
.spe_img span{width: 130px;height: 20px;position: absolute;bottom: -25px;left: 185px;}
.spe_img span i{width: 12px;height: 12px;border-radius:50%;float: left;margin-left: 20px;border: 2px solid #fff;cursor: pointer;}
.spe_img span i.on{background: #fff;display: block;}
.spe_img{width: 496px;height: 666px;position: absolute;top: 0;left: 350px;box-shadow: -2px -2px 8px #333;}
.spe_img img{width: 100%;height: 100%;}

/*应用领域*/
.area_con{height: 520px;overflow: hidden;background: url(Img/Index/images/arerbg.jpg) no-repeat center;}
.are_le{width: 270px;float: left;height: 520px;}
.are_ri{width: 930px;float: right;height: 520px;position: relative;}
.are_bt a{text-transform: uppercase;color: #ccc;font-size: 16px;line-height: 30px;display: block;margin: 18px 0;}
.are_bt a i{font-size: 18px;}
.are_le ul li{height: 39px;overflow: hidden;margin-bottom: 19px;}
.are_le ul li a{color: #fff;font-size: 15px;border-bottom: 2px solid #034fff;border-radius: 20px;padding: 4px 30px;text-align:  center;}
.are_le ul li.up a{color: #fff;border-bottom: 2px solid #fff;font-size: 16px;font-weight: bold;border-radius: 6px;padding: 4px 30px;line-height: 28px;text-align:  center;background: #034fff;}
.are_le span a{display: block;height: 45px;border: 2px solid #fff;line-height: 45px;width: 130px;color: #fff;text-align: center;font-size: 16px;border-radius: 2px;}
.are_ri ul li img{width: 150px;height: auto;}
.are_ri ul li{width: 210px;height: 240px;float: left;background:url(Img/Index/hotli.png) no-repeat;background-size: 100% 100%;margin-right: 18px;margin-top: 10px;background-color: #fff;border-radius: 3px;}
.are_ri ul li a img{width: 190px;margin: 10px 10px 2px;display: block;transition: .5s;}
.are_ri ul li a span{display: block;height: 28px;line-height: 28px;margin: 1px auto;font-size: 14px;text-align: center;width: 188px;border: 1px solid #69bcff;margin-left: 10px;overflow:hidden;word-break:break-all;}
.are_ri ul li a span:hover{color:#034fff}
.are_ri .lef{width: 56px;height: 56px;background: url(Img/Index/images/le.png) no-repeat center;top: 58px;cursor: pointer;right: 100px;position: absolute;border: 2px solid #ccc;border-radius: 50%;}
.are_ri .rig{width: 56px;height: 56px;background: url(Img/Index/images/ri.png) no-repeat center;top: 58px;right: 10px;position: absolute;cursor: pointer;border: 2px solid #ccc;border-radius: 50%;}
.are_ri div{overflow: hidden;}

/*选择我们*/
.tc_choose {height: 920px;overflow: hidden;background: url(Img/Index/images/tc_chooce.jpg) no-repeat center top;}
.tc_choose .cho_con{height: 720px;position: relative;background: url(Img/Index/images/yuan.png) no-repeat center top;margin-top: 20px;}
.tc_choose .cho_con ul li{position: absolute;}
.tc_choose .cho_con ul li p a{color: #333;font-size: 20px;}
.tc_choose .cho_con ul li.ch_li1{top: 313px;right: -7px;}
.tc_choose .cho_con ul li.ch_li2{top: 161px;right: 37px;}
.tc_choose .cho_con ul li.ch_li3{top: 478px;right: 7px;}
.tc_choose .cho_con ul li.ch_li4{top: 615px;right: 45px;}
.tc_choose .cho_con ul li.ch_li5{top: 326px;left: -40px;}
.tc_choose .cho_con ul li.ch_li6{top: 162px;left: 53px;}
.tc_choose .cho_con ul li.ch_li7{top: 492px;left: -40px;}
.tc_choose .cho_con ul li.ch_li8{top: 621px;left:145px;}
.cho_img span{width: 223px;height: 20px;position: absolute;bottom: 5px;left: 140px;}
.cho_img span i{width: 12px;height: 12px;border-radius:50%;float: left;margin-left: 20px;border: 1px solid #034fff;cursor: pointer;}
.cho_img span i.on{background: #fff;display: block;}
.cho_img{width: 362px;height: 362px;position: absolute;top: 176px;left: 417px;box-shadow: 0px 0px 8px #ccc;overflow: hidden;border-radius: 50%;}
.cho_img img{width: 100%;height: 100%;}

/* case2 */
.case2{width: 100%;height: 720px;background:url(Img/Index/images/tcnew.jpg) no-repeat top;overflow: hidden;}
.case2 .mainCon{width: 1200px;margin:60px auto 0;position: relative;}
.case2 .mainCon i{display: block;width: 66px;height: 14px;position: absolute;cursor: pointer;top: 132px;z-index: 9;}
.case2 .mainCon i img{display: block;}
.case2 .mainCon i.prev{left: -60px;}
.case2 .mainCon i.next{right: -60px;}
.case2 .mainCon li{width: 380px;float: left;height: 448px;position: relative;overflow: hidden;margin-left: 15px;}
.case2 .mainCon li img{display: block;width: 380px;height: 280px;transform: scale(1);transition: all 1s ease-out;}
.case2 .mainCon li .spanimg{display: block;width: 380px;height: 280px;overflow: hidden;}
.case2 .mainCon li a{text-decoration: none;}
.case2 .mainCon li h4{font-size: 18px;color: #0079FE;font-weight: normal;margin: 10px 0;text-align: center;height: 28px;overflow: hidden;line-height: 28px;}
.case2 .mainCon li .newshort{font-size: 14px !important;color: #fff !important;overflow: hidden;height: 130px;line-height: 24px !important;text-align:justify;}
.case2 .mainCon li .newshort span{font-size: 14px !important;color: #fff !important;overflow: hidden;line-height: 24px !important;}
.case2 .mainCon li .newshort p{font-size: 14px !important;color: #fff !important;overflow: hidden;line-height: 24px !important;}
.case2 .mainCon li .newshort a{font-size: 14px !important;color: #fff !important;overflow: hidden;line-height: 24px !important;}
.case2 .mainCon li:hover img{transform: scale(1.1);}

/*日产晶振----kon3-----------------------------------------------------------------------------日产晶振----kon3*/
.rc_prodct{height: 720px;background: url(Img/kon3/rcbg.jpg) no-repeat top;background-size: 100% 100%;overflow: hidden;}
.rc_prodct .rcp_con{height: 442px;background: #ffffff6e;box-shadow: 0 0 10px #000;margin-top: 10px;overflow: hidden;}
.rcp-nav {text-align: center;padding-top: 15px;width:1200px;margin: 0 auto;overflow: hidden;height: 45px;}
.rcp-nav li{float: left;}
.rcp-nav li a{display: block;overflow:hidden;font-size: 14px;width: 105px;margin:5px;height: 32px;line-height: 32px;text-align: center;color: #fff;border: 1px solid #fff;}
.rcp-nav li:hover a,.rcp-nav li.up a{background: #0079FE;}
.rcp_l{width: 300px;margin: 10px 10px 10px 23px;height: 384px;overflow: hidden;padding: 20px;background: #fff;box-shadow: 2px 0 10px #3e3e3e;float: left;}
.rcp_l h4 a{color: red;font-size: 16px;display: block;margin: 8px 0;text-align: center;}
.rcp_l img{width: 200px; margin-left: 55px;}
.rcp_l p{font-size: 14px;line-height: 21px;text-align: justify;height: 150px;overflow:  hidden;}
.rcp_r{width: 822px;float: right;}
.rcp_r ul li img{width: 150px;height: auto;}
.rcp_r ul li{width: 190px;height: 210px;float: left;background:url(Img/Index/hotli.png) no-repeat;background-size: 100% 100%;margin: 7px 0px 0 13px;background-color: #fff;border-radius: 3px;}
.rcp_r ul li a img{width: 168px;margin: 10px 10px 2px;display: block;transition: .5s;}
.rcp_r ul li a span{display: block;height: 18px;line-height: 18px;margin: 0px auto;font-size: 14px;text-align: center;width: 168px;border: 1px solid #69bcff;margin-left: 10px;overflow:hidden;word-break: break-all;}
.rcp_r ul li a span:hover{background-color:#0079FE;color:White;}

/*日产对比*/
.rcdb{height: 800px;overflow: hidden;background: url(Img/kon3/rcdb_bg.jpg) no-repeat center top;}
.rcdb_l{width: 550px;height: 500px;float: left;margin-top: 100px;overflow: hidden;}
.rcdb_r{width: 550px;height: 515px;float: right;margin-top: 100px;overflow: hidden;}
.db_img{width: 400px;height: 250px;background: #333;margin: 0 auto;border-radius: 5px;}
.rcdb_l .db_img{border: 10px solid #48a1fb;}
.rcdb_r .db_img{border: 10px solid #888;}
.rcdb_l p,.rcdb_r p{color: #fff;font-size: 15px;width: 450px;height: 310px;overflow: hidden;line-height: 28px;margin: 20px auto;text-align: justify;}
.rcdb_l p i,.rcdb_r p i{font-weight: bold;font-size: 16px;color: white;}
.db_img img{width:400px;height:250px;}
.youshi{height: 350px;overflow: hidden;background: url(Img/kon3/rc_ys.jpg) no-repeat center top;}
.xian{width:100%; height:2px; background:#333; overflow:hidden; margin-top:280px;}
.youshi .ys_cont{height:300px; margin-top:30px;}
.youshi .ys_cont img{margin: 0 auto;}
.youshi .one , .youshi .two , .youshi .three , .youshi .four , .youshi .five{float:left; text-align:center;}
.youshi .ys_title{font-size:16px; color:#000; line-height:24px;}
.youshi .ys_fu_title{font-size:14px; color:#646464; line-height:24px;}
.youshi .one{margin-left:20px;}
.youshi .two{margin-top:-13px; margin-left:220px;}
.youshi .three , .youshi .five{margin-top:-139px; margin-left:20px;}
.youshi .four{margin-top:-13px;  margin-left:20px;}
.youshi .one:hover, .youshi .two:hover , .youshi .three:hover , .youshi .four:hover , .youshi .five:hover{transform: rotateY(360deg); transform-style: preserve-3d; transition-duration:1s; }

/*日产新品晶振*/
.rc_exm {padding: 20px 0;box-sizing: border-box;background: url(Img/kon3/rcnp_bg.jpg) no-repeat center top;height: 740px;}
.app-store-wrap {width: 1200px;position: relative;margin: 0 auto;}
.exlist {height: 380px;margin: 30px 0;text-align: justify;}
.exitem {position: relative;float: left;margin: 0 12px;width: 214px;border: 1px solid #fff;border-radius: 7px;box-shadow: 2px 2px 12px #000;height: 100%;background: #fff;text-align: center;font-size: 0;}
/*.exitem:after {content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}*/
.exitem img {vertical-align: middle;width: 100%;height: 100%;}
.exitem p{width: 100%;height: 92px;color: #fff;font-size: 15px;overflow: hidden;margin-top: 10px;text-align: justify;}
.exinfo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.exinfo h4 {position: absolute;top: 195px;width: 147px;left:34px;text-align: center;font-size: 19px;font-weight: normal;color: #fff;z-index: 30;}
.extag {position: absolute;top: 50%;left: 42%;width: 156px;height: 156px;margin: -60px 0 0 -60px;background: #333;opacity: .9;border-radius: 50%;z-index: 10;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.item01 .extag {background: #6bddd7;}
.item02 .extag {background: #56de7f;}
.item03 .extag {background: #818181;}
.item04 .extag {background: #0087fa;}
.item05 .extag {background: #fcc300;}
.exlist .exitem:hover .extag {-webkit-transform: scale(3.7, 3.7);-moz-transform: scale(3.7, 3.7);transform: scale(3.7, 3.7);}
.exbtn {text-align: center;}
.exbtn a {display: inline-block;border: 1px solid #ff6d01;color: #ff6d01;cursor: pointer;vertical-align: middle;text-align: center;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;font-size: 20px;line-height: 28px;padding: 16px 30px;border-radius: 60px;}
.exbtn a:hover {background-color: #ff6d01;color: #fff;}

/*日产应用领域*/
.rc_area{height: 760px;overflow: hidden;background:url(Img/kon3/rcarea.jpg) no-repeat center; ;}
.rc_area .rc_arcon{height: 500px;box-shadow: 0 0 10px #ccc;margin-top: 30px;border-radius: 8px;background: #f7f7f7;}
.rc_conul{height: 100%;float: left;width: 980px;position: relative;z-index: 0;}
.arul_1{float: left;width: 220px;position: relative;}
.arul_2{float: left;width: 300px;height: 500px;}
.arul_3{float: right;width: 660px;}
.arul_1 h4 a{display: block;height: 60px;width: 260px;background: url(Img/kon3/rc_yyico.png) no-repeat center top;color: #fff;line-height: 60px;z-index: 10;
font-size: 18px;position: absolute;top: 20px;left: 0;}
.arul_1 ul{margin-top: 100px;}
.arul_1 ul li{width: 170px;margin: 8px auto 0;height: 45px;line-height: 45px ;margin-left: 20px;margin-right: 20px;}
.arul_1 ul li a{color: #999;font-weight: bold;font-size: 15px;display: block;background: #fff;padding-left: 10px;border-bottom: 1px dashed #ddd;text-align: center;}
.arul_1 ul li.up a{color: #0079FE;border-radius:5px;border-bottom: 1px dashed #0079FE;background: #a8ceff;}
.arul_2 img{width: 100%;height: 480px;margin-top: 10px;border-radius: 8px;}
.arul_3{background: url(Img/kon3/rcbg.jpg) no-repeat center;background-size: 100% 100%;height: 500px;border-radius: 8px;}
.arul_3 li{width: 200px;height: 222px;float: left;background:url(Img/Index/hotli.png) no-repeat;background-size: 100% 100%;margin: 19px 0px 0 15px;background-color: #fff;border-radius: 3px;}
.arul_3 li a img{width: 179px;margin: 10px 10px 2px;display: block;transition: .5s;}
.arul_3 li a span{display: block;height: 18px;line-height: 18px;margin: 0px auto;font-size: 14px;text-align: center;width: 177px;border: 1px solid #69bcff;margin-left: 10px;overflow: hidden;word-break: break-all;}
.arul_3 li a span:hover{background-color:#0079FE;color:White;}

/*日产新闻*/
.rc_news{overflow: hidden;background: url(Img/Index/images/tc_chooce.jpg) no-repeat center top;height: 1100px;}
.rc_news dl{position: relative;padding-bottom: 20px;height: 375px;margin-top: 30px;}
.rc_news dl dt{width: 482px;position: absolute;top: 0;left: 0; z-index: 3;box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.10);}
.rc_news dl dt img{width: 482px;height:290px;}
.rc_news dl dd{width: 635px;height: 340px;box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.10);float: right;padding-left:250px;}
.rc_news dl dd h4{font-size: 20px;line-height: 26px;color: #3B516A;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 20px 0 15px;}
.rc_text{position: relative;width: 550px;height: 180px;margin-bottom: 10px;}
.rc_text .bt_xp{height: 160px;margin-top: 10px;margin-bottom: 20px;font-size: 16px;color: #95989D;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-align:justify;}
.rc_text .bt_xp *{font-size: 16px !important;color: #95989D;line-height: 26px !important;}
.rc_text:after{width: 20px; height: 20px;content: "";position: absolute; top: 0; left: -30px;background: url(Img/kon3/rc_news1.png) no-repeat; background-size: cover;}
.rc_text:before {width: 20px;height: 20px;content: "";position: absolute;bottom: 0;right: -30px; background: url(Img/kon3/rc_news2.png) no-repeat; background-size: cover;}
.rc_more{display: inline-block;width: 100px;height: 40px; border: 1px solid #3B516A; border-radius: 4px; font-size: 14px;color: #3B516A;text-align:left;padding-left:30px;line-height:40px;margin-bottom:70px;}
.rc_more em{display: inline-block;width: 13px;height: 8px;vertical-align: middle;margin-top: -4px;margin-left: 10px; background: url(Img/kon3/rc_news3.png) no-repeat;background-size: cover;}
.rc_more:hover{border: 1px solid #0079FE;color: #0079FE;}
.rc_news ul li{ margin: 0 63px; float: left;width: 465px;margin-bottom: 30px;}
.rc_nl{text-align: right;float: left;margin-right: 30px;width: 80px;margin-left: -20px;}
.rc_nl1 {font-size: 25px;line-height: 1;font-weight: normal;height: 36px;overflow: hidden;}
.rc_nl2 { font-size: 14px;color: #999; margin: 0;line-height: 1.8;height: 50px;overflow: hidden;}
.rc_nr h4 {font-size: 18px;width: 355px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;margin-bottom: 5px;}
.rc_nlp { font-size: 14px; color: #999;margin: 0;line-height: 1.5;height: 65px; overflow: hidden;word-break: break-all;text-align:justify;}
.rc_nlp *{line-height: 21px !important; font-size: 14px !important;}

 /*欧美晶振===============================================*/
.large-content {height: 850px;overflow: hidden; background: url(../Default/Img/kon4/port-bg.jpg) no-repeat center top ; background-size: cover;-webkit-transition: all 1s;-moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;transition: all 1s;}
.large-header {font-weight: normal;text-align: center; margin-bottom: 40px;color: #fff;}
.large-header em {display: block; margin-bottom: 14px; font-style: normal; font-size: 30px;}
.large-switch-circle ul { font-size: 18px; color: #fff;text-align: center;}
.large-switch-circle ul li {border-radius: 2px;background: #000066;padding: 5px 20px; opacity: .8; cursor: pointer; margin: 30px 0px 0; position: relative;display: inline-block;}
.large-switch-circle ul li a{color: #ccc;}
.large-switch-circle ul li:hover {border: 1px solid #fff; opacity: 1;}
.large-switch-circle ul .on {border: 1px solid #fff;opacity: 1;color: #fff;}
.large-switch-circle ul .on a{color: #fff;}
.large-switch-circle ul .on:after {content: '';width: 30px;height: 1px;display: inline-block;background: #fff;position: absolute;bottom: -10px;left: calc(50% - 15px); animation: bigdata-underline-grow both .3s;}
.oucp {width: 1180px;margin-top: 25px;position: absolute;z-index: 1;}
.oucp ul li { cursor: pointer;width: 234px; height: 258px; color: #fff; overflow: hidden;float: left; margin: 1px; background-image: -webkit-linear-gradient(bottom, rgba(47, 42, 65, 0.5) 0%, #2e3d50 100%); background-image: -moz-linear-gradient(bottom, rgba(47, 42, 65, 0.5) 0%, #2e3d50 100%); background-image: -moz-linear-gradient(to top, rgba(47, 42, 65, 0.5) 0%, #2e3d50 100%);background-image: -o-linear-gradient(to top, rgba(47, 42, 65, 0.5) 0%, #2e3d50 100%); background-image: linear-gradient(to top, rgba(47, 42, 65, 0.5) 0%, #2e3d50 100%); background-repeat: repeat;}
.oucp ul li img{height: 224px;width: 224px;margin: 5px 5px 0;}
.oucp ul li span{display: block;height: 26px;line-height: 26px;color: #fff;font-size: 15px;text-align: center;}
li {opacity: 1;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-ms-transition: opacity 0.3s; -o-transition: opacity 0.3s;transition: opacity 0.3s;}
.oucp li:hover {background-image: -webkit-linear-gradient(top, #406594 0%, rgba(87, 17, 118, 0.4) 100%);background-image: -moz-linear-gradient(top, #406594 0%, rgba(87, 17, 118, 0.4) 100%); background-image: -moz-linear-gradient(to bottom, #406594 0%, rgba(87, 17, 118, 0.4) 100%); background-image: -o-linear-gradient(to bottom, #406594 0%, rgba(87, 17, 118, 0.4 ) 100%)}
.oucp li:hover .large-item-link { opacity: 1;}
.large-switch-dx {position: relative;text-align: center;line-height: 212px;}
.large-switch {width: 100%;}
/*欧美晶振===============================================*/
.large-content {height: 850px;overflow: hidden;background: url(../Default/Img/kon4/port-bg.jpg) no-repeat center top ;background-size: cover;-webkit-transition: all 1s; -moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.large-header {font-weight: normal;text-align: center;margin-bottom: 40px; color: #fff;}
.large-header em {display: block;margin-bottom: 14px;font-style: normal;font-size: 30px;}
.large-switch-circle ul {font-size: 18px;color: #fff;text-align: center; height: 64px;overflow:hidden;}
.large-switch-circle ul li {border-radius: 2px;background: #000066;padding: 5px 18px;opacity: .8;cursor: pointer; margin: 30px 0px 0; position: relative; display: inline-block;}
.large-switch-circle ul li a{color: #ccc;}
.large-switch-circle ul li:hover {border: 1px solid #fff;opacity: 1;}
.large-switch-circle ul .on {border: 1px solid #fff;opacity: 1;color: #fff;}
.large-switch-circle ul .on a{color: #fff;}
.large-switch-circle ul .on:after {content: ''; width: 30px;height: 1px;display: inline-block;background: #fff; position: absolute; bottom: -10px;left: calc(50% - 15px);animation: bigdata-underline-grow both .3s;}
.oucp {width: 1180px;margin-top: 25px; position: absolute;z-index: 1;}
.oucp ul li {cursor: pointer; width: 234px; height: 258px; color: #fff; overflow: hidden; float: left; margin: 1px; background-image: -webkit-linear-gradient(bottom, rgba(47, 42, 65, 0.5) 0%, #2e3d50 100%); background-image: -moz-linear-gradient(bottom, rgba(47, 42, 65, 0.5) 0%, #2e3d50 100%); background-image: -moz-linear-gradient(to top, rgba(47, 42, 65, 0.5) 0%, #2e3d50 100%);background-image: -o-linear-gradient(to top, rgba(47, 42, 65, 0.5) 0%, #2e3d50 100%); background-image: linear-gradient(to top, rgba(47, 42, 65, 0.5) 0%, #2e3d50 100%);background-repeat: repeat;}
.oucp ul li img{height: 224px;width: 224px;margin: 5px 5px 0;}
.oucp ul li span{display: block;height: 26px;line-height: 26px;color: #fff;font-size: 15px;text-align: center; word-break: break-all;padding: 0 11px;}
.oucp ul li{ opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s;transition: opacity 0.3s;}
.oucp li:hover{
    background-image: -webkit-linear-gradient(top, #406594 0%, rgba(87, 17, 118, 0.4) 100%);
    background-image: -moz-linear-gradient(top, #406594 0%, rgba(87, 17, 118, 0.4) 100%);
    background-image: -moz-linear-gradient(to bottom, #406594 0%, rgba(87, 17, 118, 0.4) 100%);
    background-image: -o-linear-gradient(to bottom, #406594 0%, rgba(87, 17, 118, 0.4 ) 100%)
}
.oucp li:hover .large-item-link {opacity: 1;}
.large-switch-dx {position: relative;text-align: center;line-height: 212px;}
.large-switch {width: 100%;}

/*欧美解决方案*/
.ou_anli{height:700px;overflow: hidden;background: url(Img/Index/images/tc_chooce.jpg) no-repeat center top ;}
.ou_anli .oua{height: 452px;float: left;margin-top: 30px;}
.oua1{width: 490px;margin-right: 30px;background: #fff;box-shadow: 1px 1px 20px #ccc;}
.oua2{width: 350px;margin-right: 30px;}
.oua3{width: 300px;position: relative;background: #fff;box-shadow: 0 0 10px #ccc;padding:0 0px;}
.ouatit{height: 40px;box-shadow: 2px 2px 10px #ccc;background: #0079FE;padding: 0 10px;border-radius: 4px;}
.ouatit h4 a{float: left;font-size: 20px;color: #fff;font-family: monospace;line-height: 40px;}
.ouatit span a{float: right;line-height: 40px;color: #fff;}
.oua1 dl{height: 120px;overflow: hidden;margin-top: 17px;}
.oua1 dl dt{width: 120px;float: left;height: 120px; background: url(Img/kon4/touxiang_bg.png) no-repeat center;}
.oua1 dl dt img{width: 100px;height: 100px;margin: 12px 9px;border-radius: 50%;overflow: hidden;}
.oua1 dl dd{float: left;width: 340px;height: 105px;overflow: hidden;}
.oua1 dl dd h5 a{display: block;height: 30px;line-height: 30px;font-size: 15px;color: #0079FE;margin-top: 14px;overflow:hidden;}
.oua1 dl dd h5 a:hover{color: #333;}
.oua1 dl dd p{line-height: 20px;color: #666;font-size: 14px;text-align: justify;}
.oua2{background: #fff;box-shadow: 1px 1px 20px #ccc;position: relative;}
.oule{position: absolute;right: 0;height: 30px;width: 30px;bottom: 0;background: #0079FE;color: #fff;cursor: pointer;line-height: 30px;text-align: center;font-size: 18px;}
.ouri{position: absolute;right: 30px;height: 30px;width: 30px;bottom: 0;background: #0016bb;color: #fff;cursor: pointer;line-height: 30px;text-align: center;font-size: 18px;}
.ouri:hover,.oule:hover{background: #333;}
.oua2 img{width: 330px;height: 430px;margin: 10px;}
.oua3 h5 a{font-size: 15px;color: #0079FE;height: 26px;line-height: 36px;display: block;padding: 0 10px;}
.oua3 p{font-size: 15px;height: 180px;line-height: 20px;margin: 5px 0 15px;color: #555;overflow: hidden;padding: 0 10px;text-align: justify;}
.oua3img{height: 192px;background: #fff;box-shadow: 0 0 10px #ccc;margin-top: 5px;}
.oua3img img{width: 130px;height: 150px;margin: 0px 10px;padding: 4px;border: 1px solid #d3d4d4; display: block;background: #fff;margin:auto}
.oua3img a:before{content:" ";background-color:#fff;height: 10px;display: block;}
.oua3img span{display: block;text-align: center;height: 26px;line-height: 26px;background: url(Img/kon4/shadow1.png) no-repeat center top;font-size: 14px;width: 130px;margin: auto;overflow: hidden;}
.oua3 .oule{bottom: 189px;background: #0016bb;color: #fff;right: 20px;}
.oua3 .ouri{bottom: 189px;background: #fff;color: #0079FE;right: 50px;}
.oua3 .oule:hover,.oua3 .ouri:hover{background: #333;color: #fff;}

/*新闻*/
.ou_news{overflow: hidden;height: 1019px;background: url(Img/kon4/ounewbg.jpg) no-repeat center top;margin-top: 50px;}
.ou_news .n_con1,.n_con2{width: 580px;margin-top: 10px;margin-left: 10px;}
.ou_news h4{height: 24px;line-height: 24px;border-left: 5px solid #0085FF;padding-left: 10px;}
.ou_news h4 a{font-size: 18px;color: #0079FE;}
.ou_news .n_con1 dl{margin-top: 25px;box-shadow: 0 1px 5px #ccc;padding: 10px;height: 129px;overflow: hidden;border-radius: 4px;}
.ou_news .n_con1 dt{height: 38px;line-height: 38px;overflow: hidden;}
.ou_news .n_con1 dt i{float: left;color: #0079FE;font-size: 16px;font-weight: bold;width: 120px;}
.ou_news .n_con1 dt a{float: left;width: 395px;margin-right: 10px;display: inline-block;font-size: 18px;color: #0079FE;font-weight: bold;padding-left: 35px;background: url(Img/kon4/ounews_bg.png) no-repeat left 5px;}
.ou_news .n_con1 dt a:hover{color:#0079FE}
.ou_news .n_con1 dd{font-size: 15px;color: #fff;line-height: 24px; word-break: break-all;text-align: justify;}
.ou_news .n_con1 dd a{font-size: 15px;color: #fff;line-height: 24px;}
.ou_news .ne_img{height: 305px;margin-top: 25px;position: relative;background: #fff;}
.ou_news .ne_img img{width: 570px;height: 295px;margin: 5px;}
.ou_news .n_con2 dl{box-shadow: 0 0 0 #fff;margin-top: 30px;height: 266px;}
.ou_news .n_con2 ul{margin-top: 8px;}
.ou_news .n_con2 ul li{height: 48px;background: #0079FE;margin-right: 10px;width: 175px;margin-left: 8px;float: left;border-radius: 3px;}
.ou_news .n_con2 ul li a{display: block;color: #fff;font-size: 20px;line-height: 48px;text-align: center;}
.k_bt{background: url(Img/kon5/k_bt.png) no-repeat center top;overflow: hidden;margin-top: 25px;height: 115px;}
.k_bt h3{text-align: center;width: 530px;height: 38px;margin: 21px auto 0px;}
.k_bt h3 a{font-size: 30px;color: #0079FE;font-weight: normal;}
.k_bt p{text-transform: uppercase;color: #ccc;font-size: 16px;text-align: center;}

/*品牌系列*/
.k_ser{height: 938px;overflow: hidden;background: url(Img/Index/images/tc_chooce.jpg) no-repeat center top;}
.k_ser .serpp{height: 796px;overflow: hidden;width: 1300px;margin: 0px auto;background: url(Img/kon5/series_32k.png) no-repeat center top;}
.k_ser .serpp dl{width: 100%;overflow: hidden;margin-bottom: 4px; padding-bottom: 8px;border-bottom: 1px dashed #e0e9ef;}
.k_ser .serpp dl dd{float: left;width: 115px;height: 50px;text-align: center;margin-left: 4px;background: url(Img/Index/seli.png) no-repeat center top;overflow: hidden;}
.k_ser .serpp dl dd a{font-weight: bold;color: #333;font-size: 14px;line-height: 36px;display: block;width: 106px;height: 33px;margin: 8px 4px;}
.k_ser .serpp dl dd a:hover{background: #0079FE;color: #fff;}
.k_ser .serpp dl dt{float: left;background: url(Img/Index/seul.png) no-repeat center top;width: 119px;height: 50px;text-align: center;line-height: 50px;}
.k_ser .serpp dl dt a{font-size: 14px;font-weight: bold;color:#fff;}
.serpp ul{margin: 58px 0 20px;}
.serpp ul li{width: 170px;height: 167px;overflow: hidden;background: url(Img/kon5/k_kuantop.png) no-repeat center top;float: left;position: relative;}
.serpp ul li img{width: 134px;margin: 10px auto;display: block;}
.serpp ul li span{font-size: 15px;color: #fff;position: absolute;bottom: 0px;white-space:nowrap;width: 156px;left: 6px;background: #333;background: rgba(0,0,0,0.8);
text-align: center;height: 22px;line-height: 22px;display: block;}
.serpp ul li span:hover{background: #0079FE;}
.serul{margin: 55px 0 15px;}

/*32.768K产品中心*/
.k_pro{overflow: hidden;background: url(img/kon5/k_probg.jpg) no-repeat center top;padding: 20px 0 30px;background-size: 100% 100%;}
.k_con{height: 558px;overflow: hidden;background: #fff;width: 1200px;margin: 0 auto 30px;}
.k_con_l{width: 240px;text-align: center;float: left;height: 558px;   }
.k_con_r{width: 960px;float: left;background: #fff;height: 560px;}
.k_con_r dl{position: relative;width: 100%;overflow: hidden;height: 279px;border: 1px solid #e6e6e6; }
.k_con_r dl dt{float: left;width: 158px;overflow: hidden;margin-top: 68px;margin-left: 10px;}
.k_con_r dl dt img{width: 150px;height: 92px;}
.k_con_r dl dt p{color: #0079FE;text-align: center;width: 100%;font-size: 22px;}
.k_con_r dl dd{float: left;width: 790px;overflow: hidden;height: 279px;background: #fff ;}
.k_con_r dl dd ul li{width: 225px;height: 250px;float: left;background:url(Img/Index/hotli.png) no-repeat;background-size: 100% 100%;margin: 15px 0px 0px 15px;background-color: #fff;border-radius: 3px;}
.k_con_r dl dd ul li img{width: 201px;margin: 12px 12px 2px;display: block;transition: .5s;height:201px}
.k_con_r dl dd ul li span{word-break:break-all;display: block;overflow: hidden;height: 24px;line-height: 24px;margin: 0px auto;font-size: 14px;text-align:center;width:204px;border: 1px solid #69bcff;margin-left: 10px;color: #666;}
.k_con_r .spri{width: 68px; height: 74px;background: url(img/kon5/tjr.png) no-repeat center;top: 112px; right: 0px; position: absolute; cursor: pointer;}

/*32.768K解决方案*/
.k_case{background:url(Img/kon5/k_smd.jpg) no-repeat center top;overflow: hidden;padding: 30px 0 45px;}
.k_case ul {margin-top: 25px;width: 100%;height: auto;overflow: hidden;background: #fff;}
.k_case ul li {float: left;position: relative;overflow: hidden;transition: all 0.3s ease 0s;width: 319px;height: 219px;border-right: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.k_case ul li:first-child {border: none;width: 279px;height: 440px;border-right: 1px solid #ebebeb;}
.k_case ul li:nth-child(2) {float: right;border: none;width: 280px;height: 440px;}
.k_case ul li a {display: block;width: 100%;height: 100%;position: absolute;}
.k_case ul li img {position: absolute;width: 180px;height: 180px;bottom: 0;right: -40px;transition: all 0.3s ease 0s;vertical-align: middle;}
.k_case ul li:first-child img {width: 230px;height: 230px;}
.k_case ul li:nth-child(2) img {width: 240px;height: 240px;}
.k_case ul li .item-text {position: absolute;top: 30px;left: 10px;width: 180px;}
.k_case ul li .item-text strong {display: block;font-size: 18px;font-weight: normal;margin-bottom: 10px;  height: 22px;overflow: hidden;}
.k_case ul li .item-text p {font-size: 14px;margin-bottom: 30px;height: 80px;line-height: 20px;overflow: hidden;text-align: justify;}
.k_case ul li .item-text span {display: inline-block;height: 28px;line-height: 28px;border: 1px solid #fc6451;color: #fc6451;font-size: 14px;padding: 0 20px;border-radius: 2px;text-align: center;transition: all 0.3s ease 0s;}
.k_case ul li .i-p-hot {display: block;width: 60px;height: 60px;background: url(Img/kon5/kicon_bg.png) no-repeat 0 -280px;position: absolute;right: 0px;top: 0px;}
.k_case ul li .i-p-new {display: block;width: 60px;height: 60px;background: url(Img/kon5/kicon_bg.png) no-repeat -80px -280px;position: absolute;right: 0px;top: 0px;}
.k_case ul li .i-p-free {display: block;width: 60px;height: 60px;background: url(Img/kon5/kicon_bg.png) no-repeat -160px -280px;position: absolute;right: 0px;top: 0px;}
.k_case ul li a:hover .item-img {right: -30px;}
.k_case ul li a:hover .item-text span {background: #fc6451;border: 1px solid #fc6451;color: #fff;}
.k_case ul li.qh .item-text p{width: 250px;}

/*32.768k实力品牌*/
.k_mark{background: url(img/kon5/k_casebg1.jpg) no-repeat center top;height: 780px;overflow: hidden;background-size: 100% 100%;}
.hover_L {float: left;}
.hover_R {float: right;}
.click_k {width: 94px;height: 42px;margin: 0px auto 0;overflow: hidden;}
.click_k img {display: block;float: left;}
.click_k a:hover img { margin-top: -42px;}
.click_kon .on img{border: 5px solid red;}
.click_kon {width: 100%;padding-top: 20px !important;overflow: hidden; height: 250px;}
.ksy_list{ height: 210px;width: 210px;border-radius: 50%;overflow: hidden;position: relative; background: #FaFafa;margin: 0 15px;color: #333; float: left;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.ksy_list img{border: 5px solid #0079FE; height: 200px; width: 200px;border-radius: 50%;}
.k_chanp div{width: 1200px;background: #fff;margin: 0 auto;border-radius: 5px;overflow: hidden;padding-bottom: 10px;height: 298px;}
.k_chanp div p{height: 80px;overflow: hidden;color: #0079FE;font-size: 19px;line-height: 36px;padding: 0 20px;}
.k_chanp ul li{width: 190px;height: 210px;float: left;background:url(Img/Index/hotli.png) no-repeat;background-size: 100% 100%;margin: 8px 0px 0 8px;background-color: #fff;border-radius: 3px;}
.k_chanp ul li a img{width: 168px;margin: 10px 10px 2px;display: block;transition: .5s;}
.k_chanp ul li a span{display: block;height: 20px; word-break: break-all;line-height: 18px;margin: 0px auto;font-size: 14px;text-align: center;width: 168px;border: 1px solid #69bcff;margin-left: 10px;color: #666; overflow: hidden;}

/* 康华尔历史进程about-history */
.about-history{ height:720px; padding:24px 106px 0;background: url(img/kon5/k_casebg.jpg) no-repeat center top; -webkit-background-size:100% 100%; background-size:100% 100%;}
.about-history-list{ position:relative;visibility: visible; animation-delay: 0.4s; animation-name: zoomIn;margin-top: 40px;}
.about-history-list .flex-viewport{ padding:0 31px;overflow: hidden; position: relative;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #C7C7C7; content:'';}
.about-history-list .slides li{ position:relative; width:253px; height:470px; margin-right:31px;float: left;}
.about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; height:196px; padding:44px 0 0 0; background-color:#fff; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;    margin-top: -44px;margin-bottom: -44px;}
.about-history-list .slides li .item:before{ position:absolute; top:-49px; left:50%; width:20px; height:20px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(218,183,101,.6); content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#DAB765; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; }
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item:hover{ background-color:#DAB765;}
.about-history-list .slides li .item h4{ position:absolute; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-size:20px; font-weight:400; color:#999999; text-align:center; background-color:#e2e2e2; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:hover h4{ color:#232323; background-color:#fff;}
.about-history-list .slides li .item h4:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px;border-style:solid;border-color:transparent transparent #E2E2E2; content:'';}
.about-history-list .slides li:nth-child(even) .item h4{ top:auto; bottom:0;}
.about-history-list .slides li:nth-child(even) .item h4:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}
.about-history-list .slides li .item .desc{ line-height:22px; padding:20px 26px 0; font-size:14px; color:#929292;height: 130px;overflow: hidden;}
.about-history-list .slides li .item:hover .desc{ color:#ffffff;}
.about-history-list .slides li .item .desc p{ margin:0;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:48px; height:160px; line-height:160px; overflow:hidden; margin-top:-80px; font-size:50px; font-family:simsun; color:#ffffff; text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-48px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-48px;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h4{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#C91523;}
.flex-direction-nav a{color:#414141;text-decoration:none; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}a:hover{text-decoration:none;}
.pull-left{float:left;}
.pull-right{float:right;}
.pull-none{float:none;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}
* html .clearfix{zoom:1;}
*:first-child+html .clearfix{zoom:1;}
.container{width:980px;margin:0 auto;}
img.full{display:block;width:100%;}
.list{padding:0;margin:0;list-style:none;}
.hidden{ display:none;}
.col-1{ float:left; width:8.33333333%;}
.col-2{ float:left; width:16.66666667%;}
.col-3{ float:left; width:25%;}
.col-4{ float:left; width:33.33333333%;}
.col-5{ float:left; width:41.66666667%;}
.col-6{ float:left; width:50%;}
.col-7{ float:left; width:58.33333333%;}
.col-8{ float:left; width:66.66666667%;}
.col-9{ float:left; width:75%;}
.col-10{ float:left; width:83.33333333%;}
.col-11{ float:left; width:91.66666667%;}
.col-12{ float:left; width:100%;}
.col-13{ float:left; width:20%;}
.col-offset-3{ margin-left:25%;}
.tb{display:table; width:100%; height:100%;}
.tbr{display:table-row;}
.tbc{display:table-cell;vertical-align:middle;}

/*32.768K新闻资讯*/
.k_news{overflow: hidden;background: url(Img/Index/images/tc_chooce.jpg) no-repeat center top;padding-top: 20px;height: 920px;}
.k_news dl{width: 570px;float: left;height: 340px;margin: 12px 0 15px;overflow: hidden;}
.k_news dl.fr{float: right;}
.k_news dl dt{width: 85px;margin-right: 30px;text-align: center;float: left;}
.k_news dl dt span {background: #0d47a1;border-radius: 5px; display: block;color: #fff; font-size: 40px;line-height: 90px;margin-bottom: 12px;width: 100%;} 
.k_news dl dt i{color: #0d47a1;float: left;display: block;font-size: 18px;font-weight: bold;width: 100%;}
.k_neimg img{overflow: hidden;border-radius: 5px;margin-bottom: 10px;width: 455px;height: 188px;display: block;}
.k_news dl dd{float: left;width: 455px;overflow: hidden;}
.k_news dl dd h4{overflow:hidden;}
.k_news dl dd h4 a{display: block;height: 24px;line-height: 24px;color: #333;font-size: 18px;}
.k_news dl dd .shortms{font-size: 14px;height: 88px;overflow: hidden;color: #888;line-height: 22px;text-align: justify;}
.k_news dl dd .shortms *{font-size: 14px !important;line-height: 22px !important;}
.k_messges{color: #999;font-size: 16px;margin: 15px 0;}  
.k_messges span{margin-right: 22px;line-height: 20px;}
.k_messges span i{background: url(Img/kon5/k_ico1.png) no-repeat top left;display: inline-block;width: 20px;height: 20px;background-size: 100% 100%;vertical-align: bottom;}
.k_messges span.sp2 i{background: url(Img/kon5/k_ico2.png) no-repeat top left;background-size: 100% 100%;}
.k_ser .serpp dl dd{background: url(Img/kon5/seli1.png) no-repeat center top;}

/*有源晶振  ==============================================================================================================================*/
.yy_prod{background: url(Img/kon6/yyprobg.png) no-repeat center 55px;height: 920px;overflow: hidden;}
.yy_nav1{margin-top: 100px;height: 120px;overflow: hidden;}
.yy_nav1 h4{height: 30px;border-bottom: 1px solid #607e9a;}
.yy_nav1 h4 a{font-size: 18px;color: #fff;float: left;}
.yy_nav1 h4 span a{float: right;font-size: 14px;font-weight: normal;line-height: 30px;}
.yy_nav1 ul{height: 68px;margin-top: 10px;overflow: hidden;}
.yy_nav1 ul li{float: left;font-size: 16px;width: 130px;text-align: center;background-size: 100% 100%;height: 50px;background: url(Img/Index/seli.png) no-repeat center top;margin: 12px 1px;}
.yy_nav1 ul li a{display: block;color: #fff;width: 112px;height: 34px;margin: 8px 9px;line-height: 34px;}
.yy_nav1 ul li a:hover,.yy_nav1 ul li.cur a{background-color: #fff;color:#0079FE ;}
.yy_pcon{height: 600px;background:#fff;margin-top: 20px;}
.yy_pcon .cpdl{height: 90px;background: url(img/skins/tj_ico.png) no-repeat center;margin-top: 26px;overflow: hidden;position: relative;}
.yy_pcon .cpdl dl{width: 1110px;height: 90px;overflow: hidden;float: left;}
.yy_pcon dl dt{float: left;margin:0 20px;}
.yy_pcon dl dt a{display: block;color: #1c7eed;line-height: 80px;font-size: 18px;font-weight: bold;}
.yy_pcon dl dd{float: left;width: 135px;height: 50px;overflow: hidden;background: url(Img/skins/tjxx.png) no-repeat center;margin:16px 3px;}
.yy_pcon dl dd:hover{background: url(Img/skins/tjxx1.png) no-repeat center;}
.yy_pcon dl dd a{display: block;text-align: center;line-height: 50px;color: #fff;font-size: 16px;}
.yy_pcon dl dd:hover a{color: #1c7eed;}
.yy_pcon span a{float: left;font-size: 14px;color: #333;height: 30px;text-align: center;line-height: 30px;margin: 24px 0;padding: 2px 4px;border: 1px solid #1c7eed;color: #1c7eed;}
.yy_pcon span a:hover{background: #1c7eed;color: #fff;}
.yy_pcon ul li{width: 220px;height: 250px;float: left;background:url(Img/Index/hotli.png) no-repeat;background-size: 100% 100%;margin:0 10px;margin-top: 5px;background-color: #fff;border-radius: 3px;}
.yy_pcon ul li a img{width: 190px;margin: 18px 14px 2px;display: block;transition: .5s;}
.yy_pcon ul li a span{display: block;height: 26px;line-height: 26px;margin: 3px auto;font-size: 14px;text-align: center;width: 188px;border: 1px solid #69bcff;margin-left: 15px;overflow:hidden;word-break:break-all}
.yy_pcon ul h4{height: 62px;line-height: 62px;width: 160px;text-align: center;margin: 22px auto 0;background: url(Img/Index/hlicon.jpg) no-repeat center;background-size:100% 100%;}
.yy_pcon ul h4 a{color: #fff;font-size: 24px;}
.yy_pcon ul li:hover{background-color: #001443;}
.yy_pcon ul li:hover a img{box-shadow: 0 0 3px #fff;border-radius: 50%;}
.yy_pcon ul li:hover a span{color: #fff;}
.yy_pcon .sple,.yy_pcon .sple1{width: 78px;height: 74px;background: url(img/kon5/tjl.png) no-repeat center;top: 218px;left: -85px;position: absolute;cursor: pointer;}
.yy_pcon .spri,.yy_pcon .spri2{width: 78px;height: 74px;background: url(img/kon5/tjr.png) no-repeat center;top: 218px;right: -75px;position: absolute;cursor: pointer;}

/*优势*/
.yy_ys{height: 480px;overflow: hidden;}
.yy_ysl{width: 720px;float: left;}
.yy_ysl ul li{width: 360px;float: left;height: 80px;background: url(Img/kon6/y_ysli.png)no-repeat left bottom;margin-top: 18px;}
.yy_ysl ul li div img{float: left;width: 50px;height: 50px;margin-top: 18px;margin-right: 20px;}
.yy_ysl ul li .y_ysdiv{float: left;}
.yy_ysl ul li p{color:#d0d6e2;font-size: 18px;margin-top: 16px;}
.yy_ysl ul li h4 a{font-size: 18px;color: #0079FE;}
.yy_ysr{width: 434px;float: right;height: 274px;margin-top: 20px;border: 8px solid #e3e3e3;position: relative;}
.yy_ysr a img{width: 434px;height: 274px;}

/*品牌代理*/
.yy_pp{height: 890px;background: url(img/kon6/yy_ppbg.jpg) no-repeat center top;overflow: hidden;background-color: #333;}
.yy_pp1{margin-top: 10px;margin-bottom: 50px;}
.yy_ppl1{float: left;width: 400px;}
.yy_ppl1 p{font-size: 48px;color: #0079FE;text-transform: uppercase;font-family: -webkit-pictograph;}
.yy_ppl1 h4{height: 50px;line-height: 50px;width: 220px;background: #0079FE;text-align: center;color: #fff;font-size: 20px;}
.yy_ppr1{word-break:break-all;width: 784px;height: 120px;background: rgba(255,255,255,0.5);float: left;border-radius: 6px;box-shadow: 3px 4px 35px #222;color: #fff;line-height: 24px;font-size: 16px;overflow: hidden;padding: 8px;}
.yy_ppl2{width: 760px;float: left;}
.yy_ppl2 dl{height: 140px;overflow: hidden;margin-bottom: 45px;}
.yy_ppl2 dt{width: 135px;background-color: white;height: 137px;/* background: url(img/kon6/yyicop.png) no-repeat center; */float: left;}
.yy_ppl2 dt img{width: 120px;/* margin-left:24px; */margin: 8px auto auto 7px;}
.yy_ppl2 dd{width: 605px;float: right;height: 120px;margin-top: 5px;overflow:hidden;}
.yy_ppl2 dd h5{height: 30px;}
.yy_ppl2 dd h5 a{padding-left: 12px;display: block;border-left: 4px solid #c4dbff;height: 20px;font-size: 18px;line-height: 20px;color: #c4dbff;font-weight: normal;}
.yy_ppl2 dd h5 a:hover{color: #fff;}
.yy_ppl2 dd p{color: #fff;font-size: 16px;line-height: 23px;word-break:break-all;}
.yy_ppr2{width: 385px;float: right;height: 487px;overflow: hidden;border: 8px solid #e3e3e3;position: relative;}
.yy_ppr2 img{width: 384px;height: 484px}

/*有源晶振新闻资讯*/
.yy_news{overflow: hidden;padding-bottom: 50px;background: url(Img/Index/images/tc_chooce.jpg) no-repeat center top;}
.yy_news dl{width: 600px;float: left;margin-top: 30px;}
.yy_news dl dt{width: 270px;height: 320px;padding-right: 30px;float: left;}
.yy_news dl dt img{width: 100%;height: 100%;}
.yy_news dl dd{float: left;width: 260px;height: 290px;margin-top:30px ;overflow: hidden;}
.yy_news dl dd .y_timep{font-size: 40px;color: #333;font-weight: bold;margin-bottom: 30px;}
.yy_news dl dd .y_timep sub{ font-size: 16px;color: #0079FE;}  
.yy_news dl dd h4 a{color: #333;font-size: 16px;display: block;margin-bottom: 9px;height: 42px;overflow: hidden;line-height: 22px;}
.yy_news dl dd h4 a:hover{color: #0079FE;}
.yy_news dl dd .y_textp{font-size: 14px;line-height: 22px;height: 156px;text-align:justify;}
.yy_news dl dd .y_textp *{font-size: 14px !important;line-height: 22px !important; color:#333; font-family:微软雅黑 !important;}

.ne_jjal{height: 897px;width: 100%;overflow: hidden;}
.ne_jjal h4 img{display: block;margin: 0 auto;padding: 90px 0 40px 0}
.jd-t{background:#ececec ;height: 84px;position: relative;}
.jd-t li{width: 190px;float: left;height: 84px;border-right: 1px solid #ccc;}
.jd-t li a{font:18px "Microsoft YaHei";color: #666666;display: inline-block;width: 190px;height: 84px;line-height: 84px;text-align: center;}
.jd-t li a:hover,.jd-t .cur a{background:#fff;color: #0079FE;border-top:3px solid #0079FE ;}
.jd-t em a{position: absolute;left: 50%;top:25px;margin-left:350px; font:18px "Microsoft YaHei";color: #fff;display: inline-block;font-style: normal;background: #0079FE;width: 130px;height: 35px;text-align: center;line-height: 35px;}
.jd-c11{width: 980px;padding-left: 40px;}
.jd-c11 .titb{font:18px "Microsoft YaHei";color: #333333;padding: 28px 0 15px 0;display: block;}
.jd-c11 .desc2{font:14px "Microsoft YaHei";color: #666666;line-height: 25px;height:75px;overflow:hidden;word-break: break-all;}
.jd-c11 .desc2 p{line-height: 25px !important;}
.jd-c11 .desc2 span{line-height: 25px !important;}
.jd-c11 .xqa{font:14px "Microsoft YaHei";color: #0079FE;line-height: 25px; float: right;}
.jd-b{position: relative;width: 100%;margin-top: 30px;background:url(Img/kon7/ne_ic.jpg) no-repeat center 0;height: 500px;}
.bddivg{width: 1020px;margin: 0 auto;position: relative;}
.prqhcc{width: 1020px;height: 500px;}
.bddivg li{width: 1020px;height: 500px;}
.bddivg li img{display: block;width: 1020px;height: 500px;}
.an{position: absolute;background:url(Img/Index/bs_03.png) repeat;width: 100%;height: 86px;left: 0px;bottom: 0px;}
.an{width: 1020px;}
.an p img{margin: 0 auto; display: block;width: 162px;height: 80px; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.an p a:hover img{ -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;}
.an p{width:202px;float: left;height: 86px;border-left: 1px solid #cacccc;border-right:1px solid #909292}
.an p span{display: block;text-align: center;font:14px "Microsoft YaHei";color: #fff;}
.an p.none{border-left: 0px;}
.an p.nones{border-right: 0px;}
.ls{background: url(Img/kon7/tenbg.jpg) no-repeat ;height: 900px;overflow: hidden;width: 100%;min-width:1020px;position:relative; background-size: auto;}
.ls ul{width: 100%;height: 350px;background: #0079fe;margin-top: 110px;position: relative;background:url(Img/kon7/ksf_03.jpg) no-repeat center 225px;}
.ls li img{display: block;width: 210px;height: 175px;position: relative;}
.ls li{width: 210px;height: 175px;position: absolute;left: 50%;overflow:hidden}
.ls li i{display: inline-block;width: 210px;height: 175px;background:url(Img/kon7/ht_03.png) no-repeat;position: absolute;left: 0px;top:0px;z-index: 5;display: none}
.ls li.li10 i,.ls li.li2 i,.ls li.li1 i,.ls li.li11 i,.ls li.li5 i,.ls li.li6 i{background:url(Img/kon7/ht_03l.png) no-repeat;}
.ls li.cur i{display: block;animation:pulse 1s;
    -moz-animation:pulse 1s; /* Firefox */
    -webkit-animation:pulse 1s; /* Safari and Chrome */
    -o-animation:pulse 1s; /* Opera */}

.ls .li2{top:0px;margin-left: -720px;}
.ls .li1{top:0px;margin-left: -510px;}
.ls .li6{top:175px;margin-left: -720px;}
.ls .li5{top:175px;margin-left: -510px;}
.ls .li17{top:-76px;margin-left: -300px;}
.team_divqh{display:none}
.ls .ts img{display: block;width: 600px;height: 500px;}
.ls .ts{text-align: center;width: 600px;height: 730px;background: #fff;}
.ls .ts .tsb{font:24px "Microsoft YaHei";color: #333333;margin: 30px 0 10px 0;display: block;height:34px;overflow:hidden;  word-break: break-all;}
.ls .ts .lsp{font:14px "Microsoft YaHei";color: #666666;line-height: 22px;height:89px;overflow:hidden}
.ls .ts em{margin-top: 20px; font:18px "Microsoft YaHei";color: #fff;display: inline-block;font-style: normal;background: #23ac38;width: 130px;height: 40px;text-align: center;line-height: 40px;}
.ls .li3{top:0px;margin-left:300px;}
.ls .li4{top:0px;margin-left: 510px;}
.ls .li7{top:175px;margin-left:300px;}
.ls .li8{top:175px;margin-left: 510px;}
.ls .li9{top:0px;margin-left: -930px;}
.ls .li10{top:175px;margin-left: -930px;}
.ls .li11{top:0px;margin-left:720px;}
.ls .li12{top:175px;margin-left: 720px;}

/*十大*/
.gy_ten{height: 1028px;overflow: hidden;}
.gt_img{height: 450px;overflow: hidden;position: relative;}
.gt_img img{width: 100%;}
.gt_con{height: 435px;background: url(Img/kon7/ten_l.png) no-repeat center;overflow: hidden;}
.gt_con ul{margin-top: 36px;}
.gt_con ul li{width: 550px;float: left;height: 50px;margin-top: 22px;border: 2px solid #e2e2e2;margin-right: 50px;overflow: hidden;text-align: center;background: #fff;}
.gt_con ul li:nth-of-type(2n){margin-left: 42px;margin-right: 0;}
.gt_con ul li p{font-size: 16px;line-height: 50px;font-weight: bold;}
.gt_con ul li p i{color: #0079FE;}

/*关于咨询*/
.gy_news{height: 740px;overflow: hidden;background: url(Img/kon7/gyn_bg.jpg) no-repeat}
.gy_nl{width: 480px;float: left;margin-top: 20px;position: relative;margin-right: 20px;}
.gy_nl img{width: 480px;height: 550px;}
.gy_nr{width: 700px;float: right;margin-top: 20px;}
.gy_nr ul li{height: 170px;background: #d5e9ff;margin-bottom: 20px;overflow: hidden;position: relative;}
.gy_nr ul li img{position: absolute;right: 0;height: 170px;width: 250px;top: 0;}
.nr_ld{width: 460px;height: 140px;background: #fff;margin: 15px;z-index: 100;position: relative;overflow: hidden;padding: 10px;text-align:justify;}
.nr_ld h4{color: #0079FE;margin: 8px 0;font-size: 16px; height: 19px; overflow: hidden;}
.nr_ld .gyp{line-height: 20px;font-size: 14px;color: #666;height: 100px; overflow: hidden;word-break: break-all;}
.nr_ld .gyp *{line-height: 20px !important;font-size: 14px !important;color: #666 !important; font-family: 微软雅黑 !important;}

.lx_cp{height: 1010px;overflow: hidden;background: #f4f4f4}
.lxcp_nav{height: 45px;line-height: 45px;border-bottom: 2px solid #0079FE;overflow: hidden;}
.lxcp_nav h4 a{font-size: 20px;font-weight: normal;color: #333}
.lxcp_nav h4 span{float: right;}
.lxcp_nav h4 a i{font-size: 14px;color: #888;}
.lxcp_con{height: 390px;}
.lxcp_con ul li{width: 218px;float: left;height: 340px;border: 1px solid #eee;background: #fff;transition: all .3s;overflow: hidden;padding: 10px;margin-bottom: 1px;}
.lxcp_con ul li img{width:100%}
.lxcp_con ul li:hover{box-shadow: 1px 1px 15px #999;margin-top: -3px;}
.lxcp_con ul li h5 a{display: block;height: 26px;line-height: 26px;overflow: hidden;color: #333;font-size: 14px;    word-break: break-all;}
.lxcp_con ul li .lxcp_conp{color: #666;line-height: 18px;font-size: 14px;height: 72px;overflow: hidden;    word-break: break-all;text-align:justify;}
.lxcp_nav span a{font-size: 14px;}

/*联系资讯*/
.ai_card{width: 100%;height: auto;overflow: hidden;padding-bottom: 30px;}
.ai_card ul {padding-bottom: 40px;}
.ai_card ul li {margin-top: 20px;float: left;position: relative;width: 398px;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;}
.ai_card ul li:before {content: "";width: 0px;height: 5px;background: #0079FE;top: 0;left: 0;position: absolute;z-index: 999;transition: 1s;}
.ai_card ul li .info {position: absolute;top: 30px;width: 398px;left: 0;transition: 0.5s;}
.ai_card ul li .info .img {width: 398px;height: 208px;text-align: center;}
.ai_card ul li .info h3 {height: 30px;overflow: hidden;width: 360px;font-weight: normal;color: #333;margin: 10px auto;font-size: 24px;text-align: center;}
.ai_card ul li .info .arp {overflow:hidden; width: 340px;height: 94px;line-height: 24px;margin: 0 auto;color: #73747b;font-size: 14px;  word-break: break-all;text-align:justify;}
.ai_card ul li .info .arp *{line-height: 24px !important;color: #73747b !important;font-size: 14px !important;font-family: 微软雅黑 !important; }
.ai_card ul li a.btn {position: absolute;width: 120px;height: 40px;line-height: 40px;display: block;left: 139px;bottom: 20px;color: #fff;background: #0079FE;opacity: 0;border-radius: 2px;transition: 0.5s;font-size: 16px;text-align: center;}
.ai_card ul li.active {box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3);}
.img{width:100%}
.ai_card ul li.active:before {width: 398px;height: 5px;}
.ai_card ul li.active .info {top: 5px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.ai_card ul li.active a.btn {opacity: 1;}
.monews a{display: block;height: 50px;width: 200px;margin: 0 auto;border: 2px solid #0079FE;border-radius: 5px;text-align: center;line-height: 45px;font-size: 16px;color: #0079FE;}
.monews a:hover{background: #0079FE;color: #fff;}