﻿@charset "utf-8";
/* CSS Document */
::selection {
    background-color: : #f00;
}

::-moz-selection {
    background-color: : #f00;
}

::-webkit-selection {
    background-color: : #f00;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555
}

* {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}

body {
    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
    color: #333;
    margin: 0;
    line-height: 1;
}

:focus {
    outline: 1;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}


li,
ul {
    list-style-type: none;
}

img {
    border: none;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

a:link,
a:hover,
a:active,
a:visited {
    text-decoration: none;
}

input,
textarea {
    outline: 0;
    border: 0;
}

textarea {
    resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
    font-weight: normal;
    font-style: normal;
}
.clear{clear:both;}


.fuwu{ width:1080px; margin: 30px auto 0 auto;  height:220px;}
.tech_c { height:auto;margin:50px auto 0 auto; width:1080px;}
.tech_c dl {width: 230px; margin:0 19px 0 19px; height:220px;float: left; border:1px solid #dcdcdc; }
.tech_c dt {margin:20px auto 0px auto;width:106px; height:105px;}
.tech_c dt img{margin:0px auto 0 auto;}
.tech_c dd{width:230px; height:85px; margin-top:20px;}
.tech_c dd b {display: block; font-size:16px; color: #333; text-align:center; font-weight:bold;margin: 0px auto 10px auto;}

.product{width:1080px;  margin:0 auto; height:auto;}
.product .product_t{margin:50px auto 0 auto; background:url(../images/chanpin_t.jpg) no-repeat bottom center; height:60px; width:1080px; text-align:center; }
.product_t h2 a{ font-size:30px; color:#085bbc; font-weight:bold; display:block; text-align:center;}
.list{width:1080px; margin:20px auto 0 auto;}
.list .list_con{ width:1080px;}
.list_con dl{ width:1078px; height:83px;clear: both;border:1px solid #e5e5e5;}
.list_con dl dt{ height:83px; width:183px; background:url(../images/fl_t.jpg) no-repeat center; float:left;}
.list_con dl dt .fl a{ font-size:26px; color:#fff; font-weight:bold; line-height:83px;text-align: center;display: block; }

.list_con dl dd{padding-left:30px; line-height:83px; float:left;}
.list_con dl dd a{ font-size:14px; color:#333; }

.product .tab_box{ width:1080px; height:auto; margin:30px auto 0 auto;}
.product .tab_box ul li{ float:left; width:248px; float:left; margin:0 11px 15px 11px;}
.product .tab_box ul li img{ width:240px; height:190px; border:1px solid #CCC; padding:3px;}
.product .tab_box ul li span{ width:248px; text-align:center; height:30px; float:left; font-size:14px; font-weight:bold; line-height:23px;}
.product .tab_box ul li:hover{ background:#085bbc;}
.product .tab_box ul li:hover img{-webkit-animation:rotateIn 1s .2s ease both;
-moz-animation:rotateIn 1s .2s ease both;}
.product .tab_box ul li:hover a{ color:#FFF;}


.he_bg{width:100%;margin:30px auto 0 auto; background:#f9f9f9; height:320px; border-top:1px solid #dcdcdc;}
.he_title{width:1080px;margin:0 auto; padding-top:35px;}
.he_title h3 a{font-size:30px;color:#0857b3; text-align:center; height:56px; font-weight:bold; display:block; background:url(../images/hz_t.png) no-repeat top center;line-height: 90px;}

.gd_01{ position:relative; height:180px; width:1080px;margin:30px auto 0 auto; overflow:hidden;}
.gd_01 em{position: absolute;top: 50px;}
.gd_01 .t_l{ left:0px;}
.gd_01 .t_r{ right:0px;}
.gd_01 #simgs{ margin:0px 50px;}
.gd_01 li{ float:left; width:248px; text-align:center;margin:10px 10px 40px 10px; }
.gd_01 li.last{ padding-right:0;}
.gd_01 li .img img{ display:block; width:246px; height:112px; border:1px solid #dbdbdb; }
.gd_01 li a{ color:#333;}
.gd_01 .fl { float:left;}
.gd_01 .fr { float:right;}
.gd_01 .pa{ position:absolute;}
.gd_01 .pr{ position:relative}
.gd_01 #simgs a{color:#333;font-size:14px; line-height:60px; text-align:center; white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;}

.case_wrap{width:1080px;margin:100px auto 0 auto;}
.case_t{width:1080px; margin:50px auto 0 auto; height:65px; background:url(../images/case_t.jpg) no-repeat top center;}
.case_t h3 a{font-size:30px;color:#008ae2; text-align:center;font-weight:bold; display:block;  padding-top: 20px;}
.case_con ul li:first-child{width:705px;height:395px;}
.case_con ul li:first-child > a{ width:705px;height:395px;overflow:hidden;}
.case_con ul li:first-child a img{width:705px;height:395px;}
.case_con ul li:first-child .anl_rig{width:705px;height:395px;}
.case_con ul li:first-child .hover .bor_top_1,.case_con ul li:first-child .hover .bor_bottom_1{width:546px;}
.case_con ul li:first-child .hover .bor_right_1,.case_con ul li:first-child .hover .bor_left_1{height:416px;}
.case_con ul li:first-child .anl_rig .an_more{width:400px;margin:120px auto 0;}
.case_con ul li:first-child .anl_rig .an_more p{height:66px;overflow:hidden;}

.case_con ul{overflow:hidden;width:1300px;margin-top:25px;}
.case_con ul li{float:left;position:relative;margin-right:18px;margin-bottom:14px;border:1px #bdbdbd solid;padding:2px;}
.case_con ul li > a{ width:341px;height:188px;overflow:hidden;display:block;}
.case_con ul li a img{ width:341px;height:188px; }
.case_con ul li .anl_rig{background:url(../images/an_hov_bg.png);width:width:341px;height:188px;text-align:center;position:absolute;top:2px;}
.case_con ul li .anl_rig .an_more{color:#fff;width:341px;margin:30px auto 0;}
.case_con ul li .anl_rig .an_more h5 a{font-size:18px; text-align:center;height:25px;overflow:hidden;font-weight:bold;color:#fff;}
.case_con ul li .anl_rig .an_more a{display:block;}
.case_con ul li .an_more .more{height:46px; width:46px; margin:0 auto;}
.case_con ul li .anl_rig .an_more p{font-size:12px;line-height:22px;height:44px;overflow:hidden;margin:12px 10px;}
.case_con ul li .anl_rig .bor{ background:#fff;position:absolute;}
.case_con .hover .bor_top_1,.hover .bor_bottom_1{width:266px;}
.case_con .hover .bor_right_1,.hover .bor_left_1{height:191px;}
.bor_top_1{width:0;height:1px;top:7px;left:7px; -webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out}
.banner1{ width:100%; background:url(../images/banner_1.jpg) no-repeat center; height:221px; margin:30px auto 0 auto;}	
.banner1 .zx{width:1080px; margin:0 auto;height:221px; }
.banner1 .zx .img{width:142px; float:left; margin:150px 50px 0 50px;}
.banner1 .zx .phone{ line-height:42px; font-size:16px; color:#fff; font-weight:bold; float:left; margin-top:150px;}
.banner1 .zx .phone span{ font-size:18px; color:#fff; font-weight:bold;}

.ysbg{ width:100%; height:1150px;margin:0 auto; position:relative;background:url(../images/ys_bg.jpg)  no-repeat center; }
.ysbg .ys_t a{margin:0 auto;width:1080px; text-align:center; background:url(../images/ys_t.png) no-repeat center; height:61px; font-size:44px; color:#085bbc; font-weight:bold; line-height:61px; padding-top:55px; display:block;}
.ysbg .advantage{ width:1080px; height:1030px; margin:0 auto; position:relative; }
.advantage .ys1{ position:absolute; top:130px;width:540px; height:300px;left:0px;}
.advantage .ys1 .yst{ color:#0861c9; font-size:24px;position:absolute;  left:96px; font-weight:bold;}
.advantage .ys1 .yscon{ color:#454545; font-size:14px;position:absolute; top:50px; left:76px; }
.advantage .ys1 .yscon p{line-height:25px; margin:5px 0; background:url(../images/buttom1.png) no-repeat left center; padding-left:20px;}


.advantage .ys2{ position:absolute; top:362px; left:0px; width:540px; height:300px;}
.advantage .ys2 .yst{ color:#0861c9; font-size:24px;position:absolute; left:96px;font-weight:bold;}
.advantage .ys2 .yscon{ color:#454545; font-size:14px;position:absolute; top:50px; left:76px; }
.advantage .ys2 .yscon p{line-height:25px; margin:5px 0; background:url(../images/buttom1.png) no-repeat 0 9px; padding-left:20px;}


.advantage .ys3{ position:absolute; top:655px;width:540px; height:300px;right:0px;}
.advantage .ys3 .yst{ color:#0861c9; font-size:24px;position:absolute; left:118px;font-weight:bold;}
.advantage .ys3 .yscon{ color:#454545; font-size:14px;position:absolute; top:50px; left:98px; }   
.advantage .ys3 .yscon p{ line-height:25px;  margin:5px 0; background:url(../images/buttom1.png) no-repeat 0 9px; padding-left:20px;}


.advantage .ys4{ position:absolute; top:835px; right:0px; width:540px; height:300px;}
.advantage .ys4 .yst{ color:#0861c9; font-size:24px;position:absolute; left:118px; font-weight:bold;}
.advantage .ys4 .yscon{ color:#454545; font-size:14px;position:absolute; top:50px; left:98px; }
.advantage .ys4 .yscon p{line-height:25px; margin:5px 0;background:url(../images/buttom1.png) no-repeat left center; padding-left:20px;}  
.advantage .tu1{ position:absolute; top:95px; right:0px; width:604px; height:438px;}
.advantage .tu1 .img{position:absolute;  left:0px; }
.advantage .tu2{ position:absolute; top:553px; left:0px; width:526px; height:403px;}
.advantage .tu2 .img{position:absolute;  left:0px;}

.review_bg{ width:100%; background:url(../images/jz_bg.jpg) no-repeat center; height:600px; margin:0 auto;}
.review{width:1080px;margin:30px auto 0 auto; }
.review_title{width:1080px; margin: 0 auto; padding-top:35px;}
.review_title h3 a{font-size:30px;color:#333; text-align:center;font-weight:bold; display:block;}
.review_title h3 span{color:#ff6600;}
.review_title .more{font-size:14px;color:#333; text-align:center; font-weight:normal; display:block; background:url(../images/more.jpg) no-repeat center; height:34px; line-height:34px;margin-top: 10px;}
.review_title .more a{font-size:14px;color:#333;text-align:center; display:block;}
.review ul li{ float:left;width:530px; margin:20px 5px;height:185px; background:url(../images/jz_list.jpg) no-repeat center; }
.review ul li .img{ float:left; width:165px; height:165px;margin: 10px;}
.review ul li .img img{ width:165px; height:165px; border-radius:50%;}
.review ul li .neir{width:340px; float:right; height:185px;}
.review ul li .neir h5 a{font-size:14px; color:#333; padding:15px 0 0px 20px; font-weight:bold; display:block;}
.review ul li .neir p{ margin:15px 0 0 15px; line-height:24px; width:320px;height:90px; text-align:left; overflow:hidden; color:#545454;}
.review ul li .neir .xq a{color:#ff6600;margin:10px 20px 0 0px; float:right; display:block; width:96px; height:28px; border:1px solid #bfbfbf; line-height:28px; text-align:center;} 

.about_bg{ width:100%;margin:30px auto 0 auto; height:833px; background:url(../images/ab_bg.jpg) no-repeat center;}
.about_bg .about_nr{ width:1080px;margin:0px auto 0 auto; height:550px; padding-top:30px;}
.about_bg .about_l{ width:760px;margin:0px auto 0 auto; height:550px; float:left; background:#fff;}
.about_bg .about .ab_title{ width:730px; height:45px; background:url(../images/ab_t.jpg) no-repeat bottom center; line-height:45px; margin:0 auto; }
.about_bg .about .ab_title h3 a{font-size:16px; color:#085bbc; font-weight:bold; float:left; display:block;}
.about_bg .about .ab_title .more{font-size:14px; color:#666; font-weight:normal; float:right;}
.about_bg .about .ab_nr{ width:760px; height:277px; float:left;}
.about_bg .about .ab_nr .ab_img{ width:348px; height:235px; float:left; background:url(../images/img_y.jpg) no-repeat bottom center; margin:30px 10px 0 20px;}
.about_bg .about .ab_nr .ab_img img{ width:340px; height:202px; border:1px solid #dbdbdb; padding:3px;}
.about_bg .about .ab_nr .nr{width:365px;height:277px; float:right; margin:25px 10px 0 0;}
.about_bg .about .ab_nr .nr .biaoti{}
.about_bg .about .ab_nr .nr .biaoti h3 a{font-size:16px; color:#333;  font-weight:bold; height:35px; line-height:35px; }
.about_bg .about .ab_nr .nr .neirong p{font-size:14px; color:#666; line-height:200%;margin-top:7px; height:110px; overflow:hidden;}
.about_bg .about .ab_nr .nr .xq{ line-height:36px; text-align:center;margin-top:15px; width:128px; height:36px; background:#ff6600;}
.about_bg .about .ab_nr .nr .xq a{font-size:14px; color:#fff;}

.about_bg .fengcai{width:760px; height:240px; margin:0 auto;}
.about_bg .fengcai .fc_nr{width:760px; height:240px; float:left;}
.about_bg .fengcai .fc_nr .fc_title{ background:url(../images/ab_t.jpg) no-repeat bottom center; line-height:45px;}
.about_bg .fengcai .fc_nr .fc_title h3 a{font-size:16px; color:#085bbc; display:block; margin-left:15px;}
.fc_box{ width:760px; margin:0 auto; height:240px;}
/********图片滚动********/
.gd_02{ position:relative; height:183px;margin:0 0px; overflow:hidden;}
.gd_02 em{position: absolute;top: 4027px;height: 43px;}
.gd_02 .t_l{ left:0px;}
.gd_02 .t_r{right:-205px;}
.gd_02 #simgs2{ margin: 0 10px;}
.gd_02 li{ float:left; width:216px;height:220px;text-align:center; padding-top:20px; margin:0 20px;}
.gd_02 li.last{ padding-right:0;}
.gd_02 li img{ display:block; width:208px; height:128px; border:1px solid #cecece; padding:3px;}
.gd_02 .fl { float:left;}
.gd_02 .fr { float:right;}
.gd_02 .pa{ position:absolute;}
.gd_02 .pr{ position:relative} 
.gd_02 #simgs2 a{font-size:14px;color:#333;}

.about_nr .ry{width:305px;  height:550px; float: right; margin:0 0 0 10px; background:#fff;}
.about_nr .ry .ry_t{width:278px;  height:45px; margin:0 auto; background:url(../images/ry_t.jpg) no-repeat  bottom center;line-height:45px;}
.about_nr .ry .ry_t h3 a{font-size:16px; color:#085bbc; font-weight:bold; float:left; display:block;}
.about_nr .ry .ry_t .more{font-size:14px; color:#666; font-weight:normal; float:right; }
.ry .ry_bg{width:310px;  height:405px; margin:0 auto; background:url(../images/ry_bg.jpg) no-repeat center;}
.ry_bg .ry_con{width:310px; height:430px; overflow:hidden; margin-top:20px}
.ry_bg .ry_con ul li{width:252px; margin:15px 0 45px 25px;}
.ry_bg .ry_con ul li img{ width:242px; height:153px; background:#086ee5; padding:5px;border-radius:12px; }
.ry_bg .ry_con ul li span{width:252px; text-align:center; float:left; line-height:30px; color:#333; font-size:14px;}

.banner2{margin:50px auto 0 auto;width:1080px; height:200px;}
.banner2 .zx {width:1080px;margin:0 auto;}
.banner2 .zx .zx1{ width:440px; float:right;margin:15px 25px 0 0;color:#fff; font-size:18px;font-weight:bold;}
.banner2 .zx .zx1 .rx{float:left;color:#fff; font-size:16px;margin-top:30px;}
.banner2 .zx img{margin:28px 0 20px 60px;}

.trends{margin:50px auto 0 auto;width:1080px; height:380px; overflow:hidden;}
.trends .tab_menu{ width:694px; height:380px; float:left; }
.tab_menu .ttt{ width:694px; height:37px; border-bottom:1px solid #e7e6e6;}
.tab_menu .ttt ul{ width:360px; float:left; height:37px; }
.tab_menu li  h3 a{font-size:16px;color:#fff; font-weight:bold; font-weight:bold;background:#085bbc; width:112px; line-height:37px; display:block;}
.tab_menu .ttt .gd{ float:right; line-height:37px; padding-right:5px;}
.tab_menu .ttt .gd a{font-size:12px;color:#333;}
.tab_menu .ttt li{ float:left; width:112px; height:37px; text-align:center; line-height:37px;cursor:pointer; color:#333; margin-right:15px;}
.tab_menu .ttt li h3 a:hover{color:#fff;background:#ff6600;}
.tab_menu .tabcont{ width:694px; float:left; height:auto;clear:both;margin-top:20px;}
.tab_menu .tabcont .tabc{width:694px; float:left; height:auto;clear:both;}
.tab_menu .tabc .box_nr{width:694px; margin:0 auto;}
.tab_menu .tabc .box_nr img{float:left;width:315px;height:324px; border:1px solid #c9c9c9;}
.tab_menu .tabc ul li{width:355px; float:right;line-height:280%; background:url(../images/buttom2.jpg) no-repeat 15px center; padding-left:20px; border-bottom:1px dashed #dadada;}
.tab_menu .tabc ul li.last{ overflow:none;}
.tab_menu .tabc ul li span{ float:right; padding-right:15px;}
.tab_menu .tabc ul li a{ font-size:12px; color:#333; float:left;padding:0 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:230px; }

.trends .right{width:360px;float:right;height:420px;}
.trends .right .question_title{height:37px; border-bottom:1px solid #e7e6e6;}
.trends .right .question_title  h3 a{ float:left;font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:37px;font-weight:normal; background:#085bbc; width:112px;}
.trends .right .question_title .more{ float:right;font-size:12px; color:#333;line-height:37px;}
.trends .right ul li{margin:10px auto;}
.trends .right .question{ line-height:200%; height:325px; margin-top:30px; padding:0 5px; overflow:hidden;}
.trends .wen a{color:#333; font-size:14px; font-weight:bold;padding-left:35px;}
.trends .right .question ul li{ border-bottom:1px solid #ccc; margin:14px auto;}
.trends .right .question p{margin:10px auto;background:url(../images/A.jpg) no-repeat left top 5px;padding-left:35px;    height: 135px;
    overflow: hidden;
}
.trends .wen{ background:url(../images/Q.jpg) no-repeat left;}

.catenate{margin:30px auto; width:1080px;height:95px; background:url(../images/links_bg.jpg) no-repeat center;}
.catenate .link{font-size:16px;color:#085bbc;width:160px; font-weight:bold; margin-left:30px; }
.catenate .yq a{font-size:14px;color:#333; line-height:62px; text-align:center;margin-left:10px;}

