﻿@charset "utf-8";
body {margin:0px; padding:0px; font-size:12px; font-family:"微软雅黑"; background:#fff;min-width:1100px; text-align:center;}
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,img,div,body{ margin:0px; padding:0px;}
ol,ul,li{ list-style:none; padding:0; margin:0;}
img{ border:none;}
a{text-decoration:none; border:none; margin:0; padding:0;color:#333;-moz-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
a:link,a:visit{color:#333;}
a:hover{ color:#0066cc;}
.clear{ clear:both;height:0;overflow:Hidden;display:block;}
input,textarea{ outline:0; resize:none; border:none; _border:0; margin:0; padding:0;}
input{ margin:0; padding:0; border:none;}
table,table td{border-collapse:collapse;padding:0.5em;}
.li_img{display:table; text-align:center; *position:relative; *overflow:hidden;}
.li_img a{display:table-cell; vertical-align:middle; *position:absolute; *left:50%; *top:50%;}
.li_img a img{*position:relative; *left:-50%; *top:-50%;}
.fl{ float:left;}
.fr{ float:right;}
img{max-width:100%;vertical-align:bottom;}
div{margin:0 auto; text-align:left;}

.div1200{width:1100px;margin: 0 auto;}
.incom{width:750px; padding-right:0px; float:left;}
.incompic{width:330px; padding-top:50px; padding-left:20px; float:right;}
.header{ width:100%; min-width:1100px; background:#f8f8f8;}
.headfr{ width:1100px; height:25px; padding-top:10px; text-align:right;}
.nav{ width: 1100px; margin:0px auto;}
.nav ul li{ display:inline-block; font-size:15px; line-height:80px; position:relative;}
.nav ul li a{ color:#333333; display:inline-block; height:14px; width:100%; border-left:1px solid #999; vertical-align:middle; line-height:1.0; padding:0 28px;}
.nav ul li a:hover{ color:#0066cc;}
.nav ul .last{ padding-right:0px;border-right:none;}
.nav ul .last2 a{ border-left:none;}
.nav ul .last img{ vertical-align:middle;  }
.nav ul .language{ text-align:center;}
.nav ul .language a{ display:inline-block; width:auto; height: auto; padding:0 15px;}
.nav ul .last a{ width:40px; padding:0px; text-align:center;}
.nav ul li dl{width:200px;background:#fff;border:1px solid #bbb; position:absolute;left:50%;margin-left:-100px;top:70px; z-index:9;display:none;}
.nav ul li dl dd{}
.nav ul li dl dd a{display:block;padding:0; line-height:40px;height:40px;width:200px;font-size:12px;border-left:0;}
.nav ul li dl dd a span{padding-left:15px; white-space:nowrap;}
.nav ul li dl dd a:Hover{background:#0066cc;color:#fff;}
.nav ul li dl.pro{width:600px;margin-left:-200px;}
.nav ul li dl.pro dt {line-height:40px;height:40px;padding-left:20px;padding-right:20px;background:#f0f0f0;clear:both;}
.nav ul li dl.pro dt a{line-height:40px;height:40px;padding:0;border-left:0;}
.nav ul li dl.pro dd a{display:inline-block;width:200px;float:left;}
.nav ul li dl.pro dd a span{padding-left:20px;}

.banner{ margin:0 auto; text-align:center; min-width:1100px;}
.show{ margin:0px auto; padding-bottom:3%; margin-top:30px; min-width:1100px; height:350px;}
.show .div1200 div{ margin-bottom:30px; position:relative; overflow:hidden; height:300px; margin-top:40px;}
.show .div1200 div p{ position: absolute; bottom:10px; color:#666; font-size:25px; line-height:56px; width:243PX; text-align:center; margin:10px; top:210px;}
.show .div1200 div img{ transform:scale(1);-ms-transform:scale(1); -webkit-transform:scale(1);transition:transform .5s;-webkit-transition:transform .5s; margin:10px;  border: 1px solid #ddd;}
.show .div1200 div img:hover{transform:scale(1.2);-ms-transform:scale(1.2); -webkit-transform:scale(1.2); color:#ff0000;}
/*.show .img1 .dh img{ max-width:none; width:100%;}
.show .img1 .dh{ position:absolute; top:0; left:0; right:0; margin:0 auto; transition: top 2s, width 2s,height 2s; width:585px; height:473px;}
.show .img1 .dh:hover{ /*top:-20px;  width:645px; height:533px;}
.a1 img{ transform:scale(1); transition:transform .5s;}
.a1 img:hover{transform:scale(1.2);}*/


.index-state{ padding-bottom:1%; width:1100px; margin: 0px auto; height:300px; overflow:hidden;}
.index-state span{ font-size:40px; color:#0066cc; line-height:1.6em;}
.index-state h3{ font-size:30px; color:#0066cc; line-height:1.6em; margin-bottom:20px;}
.index-state p{color:#353535;line-height: 30px;text-indent:0em;text-transform: none; font-size:14px;}
.index-state p a{ color:#666666;}

.wrap {
    max-width: 1100px;
    width:100%;
    margin: 0 auto;
}/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.bottom{background:#3c3c3c;padding-top:2.2%; min-width:1100px;}
.bottom .tit{font-size: 22px;color:#fff;line-height: 2em;border-bottom:1px solid #fff;font-family: "Tahoma";letter-spacing: 1px;}
.bottom .left{width:28%;margin-right:6.3%;}
.bottom .left .con{padding-bottom:9.5%;}
.bottom .left .con ul{float: left;padding-top:3%;width:50%;}
.bottom .left .con li a{color:#fff;}
.bottom .left .img li{float: left;}
.bottom .left .con li{font-size: 14px;color:#fff;line-height: 2em;}
.bottom .left .img li{width:15%;padding-right:5%; padding-top:8%}
.bottom .left .img li img{width:100%;}
.bottom .center{width:40.16%;margin-right:6%;}

/*.bottom .center .txt{width:48.5%;font-size: 14px;color:#232323;line-height:2.57em;text-indent:7px; }*/
.bottom .center .txt{width:48.5%;font-size: 14px;color:#232323;line-height:2.57em;text-indent:7px;padding-top:1%;padding-bottom:3%;}
.bottom .center .txt1{margin-right:2%;}
.bottom .center .con{padding-top:3.5%;}
.bottom .center .con .input{padding:4px 0;}
.bottom .center .tex{font-size: 14px;color:#232323;line-height:2.57em;text-indent:7px;width:99%;height:60px;}
.bottom .center .img li{width:15%;padding-right:4%;}
.bottom .center .img li img{width:100%;}
.bottom .btn{float: right;width:49%;font-size: 16px;color:#fff;background:#e60012;color:#fff;line-height: 2.25em;text-align: center;cursor: pointer;margin-top:1%;}
.bottom .right{width:28%;}
.bottom .right p{font-size: 14px;color:#fff;line-height:1.57em;padding-top:6%;padding-bottom:2%; }
.bottom .right .con li{padding:1% 0;}
.bottom .right .con li .span1{display: inline-block;*display: inline;*zoom: 1;width:60px;font-size:12px;color:#fff;line-height: 1.9em; text-align: center;}
.bottom .right .con li .span2{font-size: 14px;color:#fff;line-height: 1.9em;}
.bottom .right .con li a{text-decoration:none; border:none; margin:0; padding:0; color:#fff;}
.bottom .right .con li a:hover{ color:#ff0000;}
.bottom .right .con .li1 .span1{background:#ff0000;}
.bottom .right .con .li2 .span1{background:#ff0000;}
.bottom .right .con .li3 .span1{background:#ff0000;}
.bottom .p{color:#fff;line-height: 2em;padding:1.2% 0;text-align: center;}

.footer{ font-size:12px; line-height:64px; background:#020101; color:#fff; min-width:1100px; }
.footer span{ margin:0 1%;}
.footer a{ color:#fff;}
.footer a:hover{ color:#999999;}

.crumbs{ color:#666666; line-height:36px; font-size:13px;}
.crumbs a{ color:#666666; line-height:36px;}
.crumbs a img{ vertical-align:middle; margin-left:1%;}
.crumbs span{ margin:0 0.5%;}


.main{ width:100%; min-width:1100px; background:#a7aeb8;padding:30px 0;}
.main-content{ width:100%; background:#e0e5e9;text-align:center;}



.main-content p{ font-size:14px; color:#666666; line-height:1.8em; text-indent:2em; text-align:left; width:90%; margin:0 auto; padding-bottom:2%;}
.main-content .title{ color:#666666; font-size:27px; line-height:1.6em; text-align:center; padding-top:2%; padding-bottom:0%;}


.main-content div{ margin-bottom:30px; position:relative; display:inline-block; text-align:center;}
.main-content div p{ position: absolute; right:20px; bottom:0px; color:#ffffff; font-size:35px; line-height:56px; text-align:right;}


.company{ width:100%; background:#e0e5e9;}
.company-nav{ width:322px; margin-top:20px;}
.combox{ width:270px; margin:1% auto;}
.combox p{ line-height:1.8em; font-size:27px; font-weight:bold;}
.combox ul { margin-top:3%;}
.combox ul li{ font-size:1.5em; line-height:1.8em;}
.combox ul li a{ color:#666666;}
.combox ul li a:hover{text-decoration: underline; color:#f38f00;}

.company-text{ width:848px; padding:3% 0;}
.company-text .title{ color:#007ae2; font-size:20px; line-height:2em; text-transform:uppercase;}
.company-cont{ width:771px; padding:23px; background:#5c6066;}
.company-cont p{  font-size:14px; line-height:1.6em; text-indent:2em; color:#fff;}
.company-text2{ width:878px; margin-bottom:3%;}
.comp-box{ margin:0 auto;margin-top:4.2%;}
.comp-box p{ font-size:20px; line-height:2em; color:#007ae2;}
.comp-box table{ text-align:center; font-size:14px; line-height:2em; background:#5c6066; width:847px;}
.comp-box table tr{ border-bottom:1px solid #5c6066}
.comp-box table td{ hight:80px; line-height:3em; vertical-align:top; color:#fff; width:94px;}
.comp-box table th{ height:100px;}
[scope="row"]{ text-align:left; width:194px; position:relative;}
[scope="row"] a{ color:#fff; position:absolute; left:18px; display:block; top:10px; width:193px;}
[scope="row"] a:hover{color:#ffae00;text-decoration: underline;}
[scope="row"] img{}
[scope="col"]{ line-height:1em; color:#ffae00;}
.gray{ background:#787c81;}
.to{ text-align:left; text-indent:4em;}


.Products{ width:100%; background:#e0e5e9; padding:1.5% 0;}
.pro-text{ width:545px; margin-left:24px;}
.pro-text p{ font-size:20px; color:#007ae2; line-height:2em;}
.pro-text  ul { margin-left:30px;}
.pro-text  ul li{ color:#787c81; font-size:14px; position:relative; line-height:1.6em;}
.pro-text  ul li:before{ content:">"; font:"宋体"; position:absolute; left:-2%;}
.pro-text ol{ margin-top:70px;;}
.pro-text ol li{ display:inline-block; margin-right:8px;}
.pro-img{ width:585px; margin-right:24px;}
.pro-int{margin-top:42px; text-align:right;}
.pro-int2{ margin-top:20px; margin-left:5px; position:relative;}
.pro-int2 img{ margin-left:10px;}
.pro-int2 p{ font-size:12px; color:#007ae2; position:absolute; top:0px; left:15px;}
.pro-int3{ margin-left:15px; margin-top:10px; margin-bottom:30px;}
.pro-int3 li{ display:inline-block; position:relative;
height:82px; text-align:center; margin-right:10px;}
.pro-int3 li div{ position:absolute; bottom:0px;}
.pro-int3 li span{ display:block; text-align:center; font-size:15px; color:#000000;}
.pro-int3 li p{ text-align:center; font-size:13px;  color:#666666;}
.pro-int3 li .div1{ left:-8px;}
.pro-int3 li .div2{ left:-14px;}
.pro-int3 li .div3{ left:-18px;}
.pro-int3 li .div4{ left:-12px;}
.pro-int3 li .div5{ left:-22px;}
.download{ width:1142px; margin:0px auto; background:#a7aeb8;}
.download div{ width:90%; margin:0 auto;}
.download span{ font-size:14px; line-height:51px; color:#495f7f; margin-left:10px;}
.download img{ vertical-align:middle;}
.download span a{color:#495f7f;}
.datasheet{ margin:0 auto; text-align:center; margin-bottom:1.5%; margin-top:30px;}


.main-ct{ overflow:hidden;}
.main-ct img{ transform:scale(1);-ms-transform:scale(1); -webkit-transform:scale(1);transition:transform .5s;-webkit-transition:transform .5s;}
.main-ct img:hover{transform:scale(1.2);-ms-transform:scale(1.2); -webkit-transform:scale(1.2);}
.news{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(204,204,204,0.5);
	border-bottom-color: rgba(204,204,204,0.5);
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}
.company-cont span{ line-height:22px;}

.bread{height:40px; line-height:40px;width:1100px;font-size:14px; margin-top:10px;}
.bread a{padding-left:5px;padding-right:5px;}
.bread1 a{line-height:30px;display:inline-block;min-width:160px; text-align:center;-moz-border-radius:15px;-ms-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;border:1px solid #ccc;overflow:Hidden;margin-left:10px;margin-right:10px;color:#444}
.bread1 a:hover{ background:#ff9900;color:#fff;border:1px solid #ff9900;}
.bread span.fr a{background:#0033cc;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-left:5px;margin-right:5px;color:#fff;padding-top:2px;padding-bottom:2px;}
.bread span.fr a:hover{background:#ff0000;}
/*.prowrap{ background:url(../images/proline.jpg) repeat;}*/
.promain{width:1100px;padding-top:20px;}
.side{width:220px;float:left;overflow:Hidden;-moz-box-shadow:0 0 10px #ccc;-ms-box-shadow:0 0 10px #ccc;-webkit-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc;}
.side h1,.mside h1{height:50px;  line-height:50px; text-align:center;font-size:18px; color:#0066cc;background:#fff;overflow:hidden;border-bottom:2px solid #ddd;}
.mside h1 span.fl{padding-left:20px;}
.side dl{font-size:14px;color:#105eb5; line-height:44px;background:#fff;margin-top:3px;}
.menu dt{line-height:44px;padding-left:15px;padding-right:15px;font-weight:bold;border-bottom:1px solid #f0f0f0;}
.menu dt a{display:inline-block; background:url(../images/proarr2.png) no-repeat left center;padding-left:20px;color:#105eb5; white-space:nowrap; font-weight:normal;}
.menu dl.cur dt{background:#f0f0f0;}
.menu dl.cur dt a{ background:url(../images/proarr.png) no-repeat left center;}
.menu dd{margin-left:15px;margin-right:15px;display:none;}
.menu dd a{background:url(../images/promenu.png) no-repeat left center ;padding-left:20px;color:#444;display:block;width:170px;border-bottom:1px solid #f0f0f0;}
.menu dl.cur dd{display:block;}
.menu dd a:hover{color:#ff6600;}
.mside{width:860px;float:right;-moz-box-shadow:0 0 10px #ccc;-ms-box-shadow:0 0 10px #ccc;-webkit-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc;}
.mcont{background:#fff;padding:20px;margin-top:3px;}
.prolist{margin-right:-40px;}
.prolist li{width:198px;height:200px;float:Left;margin-right:10px;margin-top:15px;}
.prolist li div{width:198px;height:160px;overflow:Hidden;-moz-box-shadow:0 0 5px #ccc;-ms-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;-moz-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.prolist li div img{width:200px;height:160px;transform:scale(1);-ms-transform:scale(1); -webkit-transform:scale(1);transition:transform .5s;-webkit-transition:transform .5s;}
.prolist li a:hover div img{transform:scale(1.2);-ms-transform:scale(1.2); -webkit-transform:scale(1.2);}
.prolist li a:hover div{-moz-box-shadow:0 0 5px #0066cc;-ms-box-shadow:0 0 5px #0066cc;-webkit-box-shadow:0 0 5px #0066cc; box-shadow:0 0 5px #0066cc;}
.prolist li p{text-align:center; font-size:14px;height:28px; line-height:28px;overflow:hidden;}
.tcen{text-align:center; line-height:30px;}

.slideBox{ width:640px; position:relative; text-align:center;margin-top:30px; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:0px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;width:560px; border:1px solid #ddd;  }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:560px; height:448px; display:block; }
.slideBox .prev,
.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-24px; display:block; width:26px; height:48px; background:url(../images/prodearr01.png)  no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:0; background:url(../images/prodearr02.png)  no-repeat;  }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.prode{padding:20px;margin-top:20px;}
.about {font-size:14px; line-height:2.0; margin:30px;}
.about p{color: #666666;line-height: 30px;text-indent:0em;text-transform: none; font-size:14px;}
.solulist{}
.solulist li{height:142px;margin-top:20px;border-bottom:1px solid #ddd;overflow:hidden;}
.solulist li a.left img{width:160px;height:122px;}
.solulist div.right{width:630px;float:right;}
.solulist div.right h4{font-size:16px;margin-top:-5px;}
.solulist div.right p{color:#666;padding-top:10px;font-size:14px;height:60px; line-height:20px;overflow:hidden;}
.solulist div.right a.more{border:1px solid #ccc;padding:5px 15px;display:inline-block;margin-top:10px;}
.solulist div.right a.more:hover{background:#0066cc;color:#fff;}

.artcont{padding-top:20px;font-size:14px; line-height:1.8;}
.artcont p{color:#353535;line-height: 30px;text-indent:0em;text-transform: none; font-size:14px;}
.mcont h5{color:#999;}
.serta td{padding:10px;border:1px solid #ddd;font-size:14px;}
.serta th{text-align:center;background:#f0f0f0;font-weight:bold;border:1px solid #ddd;font-size:14px;padding:5px;color:#000;}

.techlist li{height:40px; line-height:40px;border-bottom:1px solid #ddd;overflow:Hidden;}
.techlist li a{float:left;font-size:14px;}
.techlist li span{float:right;color:#999;}

.mcont img{max-width:100%;}

.messta td{ line-height:1.5;padding:5px 10px; word-break:;border:0px solid #eee;}
.messta td input.mtxt{width:100%;height:34px; line-height:34px;border:1px solid #4991d9; text-indent:1em;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.messta td textarea{width:100%;height:100px;border:1px solid #4991d9; text-indent:1em;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.messta td input.mbtn{width:160px;height:36px;background:#0066cc;border:0;color:#fff; cursor:pointer;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:16px;}
.f12{font-size:12px;}
.f14{font-size:14px;}

.sota td{padding:20px;border:1px solid #ddd;font-size:14px; line-height:2.0}
.tfta th{padding:10px;background:#eee;border:1px solid #ddd; text-align:center;font-size:14px;font-weight:bold;color:#000}
.tfta td{papdding:20px 10px; text-align:center;font-size:14px;border:1px solid #ddd;}
.tfta td img{width:200px;}
.tfta td a.more{padding:3px 15px;border:1px solid #0066cc;color:#0066cc;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.tfta td a.more:hover{background:#0066cc;color:#fff;}

.search{display:inline-block;width:180px;border:1px solid #aaa;height:20px;margin-right:10px; vertical-align:middle;overflow:Hidden;}
.search input.stxt{width:125px;border:0;float:left; text-indent:10px;}
.search input.sbtn{width:50px;height:20px;background:#eee;border:0;cursor:pointer;color:#0066cc;}
