@charset "utf-8";

.t{ width:100%; height:95px; float:left; text-align:center; margin-top:20px; position:relative;}
.t font{ display:block; width:100%; height:50px; float:left; line-height:50px; color:#095AAC; font-size:28px; font-family:Arial;text-transform: uppercase}
.t span{ display:block; width:300px; height:44px; float:left; overflow:hidden; position:absolute; top:50px; left:410px; line-height:44px; color:#2B2B2B; font-size:24px; letter-spacing:3px; background:#fff; z-index:2;}
.t i{ display:block; width:100%; height:1px; min-height:1px; max-height:1px; background:#DEDEDE; position:absolute; top:72px; z-index:1}

.banner{position: relative; height:450px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:450px;overflow: hidden;}
.ban_p li a{ display:block; height:450px; background:url(../images/banner1.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:40px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; border:#EA5515 3px solid; display: inline-block;background: #fff; cursor:pointer}
.ban_t em.on{background: #0A64AF;}


.tag{ height:40px; line-height:40px; color:#111; background: url(../images/welcome.jpg) repeat-x; border-bottom:#DDDDDD 1px solid; overflow:hidden;}
.tag .fr a{ display:block; float:left;color:#111; font-size:16px; line-height:40px; margin:0px 5px;}
.tag .fr a:hover{ color:#1974C7}

.tag .search{ width:330px; height:35px; float:right; position: relative; margin-top:3px;}
.tag .search input{    width: 250px; height:35px; padding-left: 15px;  border-radius: 35px; background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));background-image: linear-gradient(#ededed, #fff);border-radius: 12px;-moz-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);color: #222; outline: none; transition: .3s linear;float:right;}
.tag .search  input:focus {  width: 300px;}
.tag .search button{ width: 35px; height: 35px; padding-right:10px; line-height:100px; background: url(../images/go.png) left no-repeat; border: none; position: absolute; top:0px; right: 0; overflow:hidden; cursor:pointer}



.product{ height:100%; overflow:hidden; }

.product .t span{ background:#fff}


.product .fl{ width:245px; margin-top:20px; height:100%; overflow:hidden; background:#fff;}
.product .fl .top{ display:block; width:100%; float:left; height:60px; text-align:center; border-bottom:#eee 1px solid;}
.product .fl .top p{ display:block; width:80%; height:40px; line-height:40px; margin:10px 10%; overflow:hidden; font-size:18px; letter-spacing:3px;}
.product .fl ul,.product .fl ul .webkit{ float:left; width:100%;}
.product .fl ul{ margin-bottom:20px;}
.product .fl ul .webkit{position:relative;}
.product .fl ul .webkit p{ display:block; width:80%; height:25px; line-height:25px; overflow:hidden; margin:5px 0px; margin-left:8%;  border-left:#1873C6 3px solid;}
.product .fl ul .webkit p a{ position:absolute; left:0; top:0; z-index:2; display:block; width:80%; margin:5px 0px; margin-left:8%; padding-left:3%; float:left; height:25px; line-height:25px; overflow:hidden; color:#444}
.product .fl ul .webkit p span{ position:absolute; margin-left:82%; top:5; z-index:2; display:block; font-weight:bold; float:right; line-height:25px; font-family:"宋体";}
.product .fl ul .webkit font{ display:block; width:100%; float:left; height:35px; overflow:hidden; position:absolute; z-index:1; left:-100%;}

.product .fl ul li font{ background:#1873C6}
.product .fl ul li span{ color:#A5C0DE}
.product .fl ul li p{ border-left:#1873C6 3px solid;}

.product .fl ul li:hover font,.product .fl ul li.cur font{ left:0;}
.product .fl ul li:hover p,.product .fl ul li.cur p{ border-left:#fff 3px solid;}
.product .fl ul li:hover span,.product .fl ul li.cur span{ color:#fff;}
.product .fl ul li:hover a,.product .fl ul li.cur a{ color:#fff}

.product .fl .address{ width:90%; float:left; margin:0px 5% 20px 5%;}
.product .fl .address b{ font-size:14px; height:40px; line-height:40px;}
.product .fl .address p{ font-size:14px; line-height:25px;}




.product .fr{ width:840px; margin-top:20px; margin-bottom:34px;}
.product .fr .pro-li{ float:left; width:260px; margin-right:20px; margin-bottom:20px; overflow:hidden; background:#fff;}
.product .fr .pro-li .pro-img{ width:260px; height:173px; float:left; overflow:hidden;}
.product .fr .pro-li .pro-img img{ width:260px; height:173px; float:left;}
.product .fr .pro-li .pro-name{ width:260px; line-height:25px; padding:5px 0px; float:left; overflow:hidden;}
.product .fr .pro-li .pro-name p{display:block; width:96%; margin-left:2%; line-height:25px; float:left; color:#000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center;}
.product .fr .pro-3,.product .fr .pro-6,.product .fr .pro-9{ margin-right:0px;}
.product .fr .pro-li:hover{ -moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}



.adv1{ height:108px; background: url(../images/adv1.jpg) center no-repeat;}




.device{ height:100%; overflow:hidden; background:#F5F5F5}
.device .t span{ background:#f5f5f5}
.device .w1120{ position:relative;}
.prev2,.next2{width:38px;height:75px;display: block;position: absolute;top:160px;z-index: 2; cursor:pointer;}
.prev2{ left:0;background:url(../images/part-l.png) 0 0 no-repeat;}
.next2{ right:0;background:url(../images/part-r.png) 0 0 no-repeat;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}

.device_c{ width:100%; float:left; margin-top:10px; margin-bottom:30px;}
.device_c li{ width:204px;float: left; height:135px; overflow:hidden; margin:10px 10px; background:#fff; position:relative;}
.device_c li p{width:204px; height:135px; display: block;overflow:hidden;}
.device_c li p img{width:204px; height:135px; display: block;overflow:hidden; }
.device_c li font{ display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#333; font-size:12px; background:#f9f9f9;overflow:hidden;device_c-overflow:ellipsis;white-space:nowrap; position:absolute; bottom:-30px;}
.device_c li:hover font{ bottom:0px;}







.youshi{ height:100%; overflow:hidden; }
.youshi .youshi-top{ height:151px; width:100%; float:left; position:relative; margin-bottom:20px;}
.youshi .youshi-top img{ width:1920px; height:151px; position:absolute; left:50%; margin-left:-960px;}
.youshi img:hover{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}

.youshi ul li{ width:100%; height:300px; float:left; background:url(../images/tag2.jpg)  center bottom no-repeat; padding-bottom:54px;}
.youshi ul li .fr{ width:470px; float:right;}
.youshi ul li .fl{ width:630px; height:260px; float:left; margin:20px 0px;}
.youshi ul li .fl img{ width:630px; height:260px; float:left;}



.youshi ul li .fr p{ display:block; width:100%; float:left; height:50px; line-height:50px; overflow:hidden; text-align:center;font-size:30px; color:#4CB034; margin-bottom:15px; margin-top:90px;}
.youshi ul li .fr p i{ font-size:48px; font-family:"Times New Roman", Times, serif; line-height:50px;font-style:italic; padding-right:15px; color:#E67817}
.youshi ul li .fr .ysli{ width:70%; float:left; margin-left:20%; padding:20px 0px; line-height:50px; color:#333; font-weight:bold; font-size:18px; margin-bottom:15px;}

.youshi ul li.youshi1{ height:340px;}
.youshi ul li.youshi1 .fl{ float:right;}
.youshi ul li.youshi1 .fr{ float:left;}
.youshi ul li.youshi1 .fr p{ margin-top:40px;}

.youshi ul li.youshi2{ height:395px}
.youshi ul li.youshi2 .fl{ width:473px; height:355px; float:left; margin-left:110px;}
.youshi ul li.youshi2 .fl img{ width:473px; height:355px;}
.youshi ul li.youshi2 .fr{ float:right;}

.youshi ul li.youshi3{ height:373px}
.youshi ul li.youshi3 .fl{ width:333px; height:333px; float:right; margin-right:40px;}
.youshi ul li.youshi3 .fl img{ width:333px; height:333px;}
.youshi ul li.youshi3 .fr{ float:left; margin-left:90px;}
.youshi ul li.youshi3 .fr p{ margin-top:50px;}

.youshi ul li.youshi4{ height:386px}
.youshi ul li.youshi4 .fl{ width:647px; height:346px; float:left; margin-left:0px;}
.youshi ul li.youshi4 .fl img{ width:647px; height:346px;}
.youshi ul li.youshi4 .fr{ float:right;}
.youshi ul li.youshi4 .fr p{ margin-top:60px;}





.part{  height:100%; overflow:hidden;}
.part .t span{ background:#fff}
.part .w1120{ position:relative;}
.prev1,.next1{width:38px;height:75px;display: block;position: absolute;top:155px;z-index: 2; cursor:pointer;}
.prev1{ left:0;background:url(../images/part-l.png) 0 0 no-repeat;}
.next1{ right:0;background:url(../images/part-r.png) 0 0 no-repeat;}
.prev1:hover,.next1:hover{background-position: 0 bottom;}

.part_c{ width:100%; float:left; margin-top:10px; margin-bottom:30px;}
.part_c li{ width:204px;float: left; height:118px; overflow:hidden; margin:10px 10px; background:#fff; position:relative;}
.part_c li p{width:204px; height:118px; display: block;overflow:hidden;}
.part_c li p img{width:204px; height:118px; display: block;overflow:hidden; }
.part_c li font{ display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#333; font-size:12px; background:#f9f9f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:absolute; bottom:-30px;}
.part_c li:hover font{ bottom:0px;}




.zero{ height:100%; overflow:hidden; padding-bottom:20px; background:#F5F5F5}

.zero .t span{ background:#f5f5f5}

.zero .fl{ width:380px; height:236px; overflow:hidden; margin-top:50px; background:url(../images/about.jpg) center bottom no-repeat; padding-bottom:25px;}
.zero .fl div{ width:380px; height:236px; float:left; overflow:hidden;}
.zero .fl img{ width:380px; height:236px; float:left;}

.zero .fr{ width:700px; height:300px; overflow:hidden; margin-top:10px;}
.zero .fr .cont{ width:100%; float:left; height:195px; line-height:30px; overflow:hidden;}
.zero .fr .cont b{ font-size:18px; line-height:50px;}
.zero .fr .link{ width:100%; float:left; height:30px; margin-top:20px;}
.zero .fr .link a{ display:block; padding:0px 20px; height:30px; line-height:30px; overflow:hidden; float:right; background:#095BAD; color:#fff;}
.zero .fr .link a:hover{ background:#f00}
.zero .fr .pics{ width:100%; float:left; height:100px; overflow:hidden; margin-top:6px;}
.zero .fr .pics div{ width:161px; height:100px; float:left; overflow:hidden; margin-right:10px;}






.news{height:100%; overflow:hidden;}
.news .news1 .t{ width:720px;}
.news .news1 .t span{ left:210px; background:#fff}

.news .news1{ float:left; width:720px;}
.news .fl{ width:720px; margin-top:60px; margin-bottom:60px;}
.news .fl .news-li{ width:340px; float:left; margin-left:8px; margin-right:8px; background:#fff; margin-bottom:25px; border:#efefef 2px solid;}
.news .fl .news-name{ width:90%; margin-left:5%; height:40px; line-height:40px; float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:16px; }
.news .fl .news-name a{ color:#000; font-size:18px;}
.news .fl .news-cont{width:90%; margin-left:5%; height:60px; line-height:20px; float:left;overflow:hidden; font-size:14px;}
.news .fl .news-link{width:300px; height:55px; float:right;overflow:hidden; text-align:center; font-size:14px;margin-top:5px;}
.news .fl .news-link a{ display:block; width:120px; height:35px; border:#efefef 1px solid; margin-top:8px; float:right; margin-left:10px; line-height:35px; background:#fff; color:#333; margin-right:10px;}


.news .fl .news-li:hover{ border:#a4c5e7 2px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}
.news .fl .news-li:hover .news-name a{ color:#095BAD}
.news .fl .news-li:hover .news-link a{-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}

.news .fl .news-li:hover .news-img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.news .news2 .t{ width:360px;}
.news .news2 .t span{ width:150px; left:105px; background:#fff}

.news .news2{ float:right; width:360px;}
.news .fr{ width:360px; margin-top:60px; margin-bottom:60px; border:#efefef 2px solid;}
.news .fr .news-li{ width:360px; float:left; background:#fff; margin-bottom:15px;}
.news .fr .news-name{ width:90%; margin-left:5%; height:40px; line-height:40px; float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:16px; }
.news .fr .news-name a{ color:#000; font-size:18px;}
.news .fr .news-cont{width:90%; margin-left:5%; height:80px; line-height:20px; float:left;overflow:hidden; font-size:14px;}
.news .fr .news-link{width:300px; height:55px; float:right;overflow:hidden; text-align:center; font-size:14px;margin-top:5px;}
.news .fr .news-link a{ display:block; width:120px; height:35px; border:#efefef 1px solid; margin-top:8px; float:right; margin-left:10px; line-height:35px; background:#fff; color:#333; margin-right:10px;}


.news .fr:hover{ border:#a4c5e7 2px solid;-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}
.news .fr .news-li:hover .news-name a{ color:#095BAD}
.news .fr .news-li:hover .news-link a{-moz-box-shadow: 0px 0px 10px 5px #c1d8f0; -webkit-box-shadow: 0px 0px 10px 5px #c1d8f0; box-shadow: 0px 0px 10px 5px #c1d8f0;}

.news .fr .news-li:hover .news-img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}