@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1100{width: 1100px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #333; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

/*header start*/
.header{height: 100px;background: url(../images/headbg.jpg);position: fixed;
z-index: 999}
.header .nav ul li{width: 100px;height: 100px;text-align:right;line-height: 100px;font-size: 16px;font-weight: bold;color: #444}
.header .nav ul li:hover {color: #2578CA}
/*header end*/

/*banner start*/
.flexslider {
  margin: 0px auto 0px;
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
  zoom: 1;
}

.flexslider .slides li {
  width: 100%;
  height: 100%;
}

.flex-direction-nav a {
  width: 70px;
  height: 70px;
  line-height: 99em;
  overflow: hidden;
  margin: -35px 0 0;
  display: block;
  background: url(../images/ad_ctr.png) no-repeat;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .3s ease;
  border-radius: 35px;
}

.flex-direction-nav .flex-next {
  background-position: 0 -70px;
  right: 0;
}

.flex-direction-nav .flex-prev {
  left: 0;
}

.flexslider:hover .flex-next {
  opacity: 0.8;
  filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
  opacity: 0.8;
  filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
  filter: alpha(opacity=50);
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 2px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  background: url(../images/dot.png) no-repeat 0 -16px;
  display: block;
  height: 16px;
  overflow: hidden;
  text-indent: -99em;
  width: 16px;
  cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
  background-position: 0 0;
}

.flexslider .slides a img {
  width: 100%;
  height: 450px;
  display: block;
}
/*banner end*/

/*company start*/
.company{padding: 40px 0;}
.company .com_body{height: 380px;}
.company .com_body .com_l{width: 850px;height: 380px;background:url(../images/comlbg.png);}
.company .com_body .com_l .comimg{padding-left: 20px;}
.company .com_body .com_l .comimg {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.company .com_body .com_l .comimg:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  top: -webkit-calc(50% - 10px);
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: right;
  transition-property: right;
}

.company .com_body .com_l .comimg:hover {
  -webkit-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  transform: translateX(-5px);
}

.company .com_body .com_l .comimg:hover:before {
  right: -10px;
}
.company .com_body .com_l .profile{width: 455px;padding-top:100px;padding-right: 20px;color: #eee}
.company .com_body .com_l .profile p{text-indent: 2em;line-height: 160%;font-size: 15px; color: #444}
.company .com_body .com_l .profile .more{width: 120px;height: 35px;text-align: center;line-height: 35px;border: 1px solid #444;color:#444;margin-top: 15px;border-radius: 10px;}
.company .com_body .com_l .profile .more:hover {background: #75abd8;}
.company .com_body .com_r{width: 310px;height: 380px;background: #dedede;box-shadow: 0 0 10px 0 #aaa}

.strengthMain{overflow:hidden;}
.strengthMain li{float:left;width:310px;height:380px;overflow:hidden;background:#000;position:relative;box-shadow: 0 0 10px 0 #aaa}
.strengthMain li:nth-child(1) {margin: 0}
.strengthMain li img{width:310px;height:380px;transition:all .5s;opacity:1;filter:alpha(opacity=100);}
.strengthMain li .font{width:300px;height:260px;top:0;left:5px;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:120px;}
.strengthMain li .font h3{font-size:16px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;background: url(../images/imghoverbg.png) no-repeat center;position: relative;top: 165px;display: none;}
.strengthMain li:hover img{transform: scale(1.1, 1.1);opacity:0.4;filter:alpha(opacity=40);}
.strengthMain li:hover .font h3{font-size:20px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;background: none;position: relative;top: 0;display: block;}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
/*company end*/

/*product start*/
.product{padding: 50px 0; background:url(../images/combg1.jpg) no-repeat center bottom;}
.product .ul1{width: 1200px;height: 420px;background:url(../images/probg.png);}
.product .ul1 li{width: 300px;height: 420px;font-size: 14px;color: #444}
.product .ul1 li .top{width: 300px;height: 210px;overflow: hidden;}
.product .ul1 li .bot{width: 300px;height: 210px;overflow: hidden;}
.product .ul2{width: 240px;height:190px;padding: 10px 30px;}
.product .ul2 li{width: 240px;height:38px;line-height:38px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.product .ul1 li img{width: 300px;height: 210px;overflow: hidden;}
.product .ul1 li img{  display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.product .ul1 li img:hover { transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}

.product .ul1 .li1 .bot{background: url(../images/title_p.png) no-repeat center #E9E9E9;}
/*.product .ul1 a:nth-child(1) .fl img:hover { transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1)}*/
/*product end*/

/*news start*/
.news{padding: 40px 0 40px 0;}
.news .new_l{width: 600px;}
.infoTop { position: relative; }
.infoTop img { margin-right: 4px; }
.infoTop h2 { font-weight: bold; color: #75abd8; font-size: 22px; line-height: 34px; display: inline-block; *display: inline; *zoom: 1; }
.infoTop h2 font{color: #333}
.infoTop em { position: absolute; width: 136px; height: 7px; background: url(../images/info.gif); top: 16px; right: 0; }
.infoTop a{position: relative;top: 10px;}
.news .new_l .nl_bot{width: 600px;padding-top: 15px;}
.news .new_l .nlbot_top{width: 600px;}
.news .new_l .nlbot_top .new_img img{border:1px solid #dfdfdf;padding:2px;}
.news .new_l .nlbot_top .new_zi{width: 415px;}
.news .new_l .nlbot_top .new_zi b{font-size: 16px;}
.news .new_l .nlbot_top .new_zi p{text-indent: 2em;line-height: 170%;margin:5px 0;}
.news .new_l .nlbot_top:hover {color: #333}
.news .new_l .nl_bot ul{padding:15px 0 0 0;}
.news .new_l .nl_bot ul li{height: 31px;line-height: 31px;}
.news .new_l .nl_bot ul li:hover {color: #333}
.news .new_r{width: 490px;}
.news .more{width: 47px;height: 44px;}
.news .txtScroll-top{width: 490px; overflow:hidden; position:relative;top: 10px;}
.news .txtScroll-top .infoList li{ height:76px;}
.news .txtScroll-top .infoList li .que{width: 455px;height: 30px;line-height: 30px;background: url(../images/que.png) no-repeat center left;padding-left: 35px;}
.news .txtScroll-top .infoList li .que b{font-size: 15px;}
.news .txtScroll-top .infoList li .ans{width: 455px;background: url(../images/ans.png) no-repeat top left;line-height: 22px;padding-left: 35px;position: relative;top: -3px;}
.news .txtScroll-top .infoList li:hover a{color: #333}
/*news end*/

/*footer start*/
.footer{background:url(../images/footbg.png) no-repeat center #393939;padding: 20px 0}
.footer .nav_f{width: 1200px;height: 45px;border-bottom: 1px solid #999}
.footer ul{width: 1127px;margin: 0 auto}
.footer ul li{width: 187px;height: 15px;line-height: 15px;margin: 10px 0;text-align: center;font-size: 15px;color: #fff;border-right: 1px solid #aaa}
.footer ul a:nth-child(6) li{border: none;}
.footer .foot_b{padding-top: 20px; padding: 10px 100px;}
.footer p{line-height: 200%;color: #eee}
/*footer end*/

/*position start*/
.position{height: 35px;background: #D3D3D3;line-height: 35px;margin-top: 100px;}
.position .pos_l{font-size: 18px;color: #348EF2;font-weight: bold;}

/*position end*/

/*main start*/
.main{padding:40px 0;}
.main ul{padding-bottom: 30px;border-bottom: 3px solid #348EF2;}
.main ul li{width: 170px;height: 300px;margin-left: 36px;}
.main ul a:nth-child(1) li{margin-left: 0px;}
.main .main_body{padding-top: 30px;}
/*main end*/

/*内页*/
/*main start*/
.main_0{margin:40px auto;}
.main_0 .main_l{width: 240px;}
.main_0 .main_l .l_top{width: 240px;height: 79px;background: url(../images/pro_list.png) no-repeat center;}
.main_0 .main_l ul{margin:5px 0;}
.main_0 .main_l ul li{width: 220px;height: 25px;line-height: 25px;background: #EAEAEA;padding-left: 20px; border-bottom:1px #ccc dashed; font-size:13px;}
.main_0 .main_l ul a:nth-child(1) li{width:205px;height:25px;line-height:25px;color: #333;font-size:15px;background: url(../images/lx1.png) #C9DBA9 no-repeat; padding-left:35px;}
.main_0 .main_l ul li:hover {color: #75abd8}
.main_0 .main_l ul a:nth-child(1) li:hover {color: #75abd8}
.main_0 .main_r{width: 820px;}
.main_0 .main_r .mr_top{width: 820px;height: 45px;line-height: 35px;background: url(../images/main_line.png) no-repeat center bottom;}
.main_0 .main_r .mr_top .fl{font-size: 22px;color: #75abd8}
.main_0 .main_r .mr_top .fr a:hover {text-decoration: underline;}
.main_0 .main_r .mr_bot{width: 800px;padding:10px; line-height:28px;}
/*main end*/

.links{clear:both;line-height:28px;color:#fff;background:#5D5C5C;font-size: 16px;}
.links a{font-size: 12px;color:#fff;line-height: 23px;}
.ny_title h2{line-height:40px;color:#666666;font-size:18px;border-bottom: 1px #ccc dashed;margin-bottom:10px;font-weight: bold;}
dl.news_dl {font-size:14px; color:#666; padding:5px; line-height:22px; border-bottom:1px dashed #CCCCCC;    margin: 6px;}
.news_dl a img:hover{ background: #EE7703;}
dl.news_dl a{ color:#000; }
dl.news_dl dt {line-height:24px;height:24px;width:780px;overflow:hidden;}
dl.news_dl .dt_1 { height:20px;padding-left:20px;    font-size: 16px;color: #666666; font-weight:bold;text-decoration:none;  }
dl.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 8px;  font-family:"Microsoft YaHei"; }
dl.news_dl .dt_3 { font-size:12px;}
dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;} 
dl.news_dl dd {font-size:12px;overflow:hidden;}

.per{float:left;margin-top:20px; text-align:center; width: 100%;margin-bottom: 20px; background:#E0D8D8;}
.per p{ line-height:35px; margin:0px;  padding:0px 10px;width:auto; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold; width:800px;}
.xgwz{display: inline-block;}
.xgwz ul{ padding:0px;}
.xgxw{ width:360px;line-height: 25px; height:25px; float:left;margin:5px 20px;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;}
.xgxw a{background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 10px;}
.web_pages{width:860px;display: inline-block;}
.web_pages ul{float:left;padding:12px 0px 12px 22px;}
.web_pages ul li{float:left;line-height:17px;margin-right:6px;border:1px solid #C9DBA9;background:#C9DBA9;}
.web_pages ul li a{float:left;padding:10px;color: #FFF;display:block;}
.web_pages ul li a:hover{background-color:#75abd8; color:#fff;text-decoration:none;padding:10px;}
.web_pages ul li.thisclass,
.web_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#75abd8; color:#fff;padding:5px;font-weight:bold;}
.web_pages .pageinfo{line-height:28px;padding:12px 10px 12px 16px;color:#FFF;}
.web_pages .pageinfo strong{color:#555;margin:0px 2px;}

.per{float:left;margin-top:20px; text-align:center; width: 100%;margin-bottom: 20px; background:#E0D8D8;}
.per p{ line-height:35px; margin:0px;  padding:0px 10px;width:auto; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold; width:800px;}
.xgwz{display: inline-block;}.xgwz ul{ padding:0px;}
.xgxw{ width:360px;line-height: 25px; height:25px; float:left;margin:5px 20px;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.xgxw a{background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 10px;}

/* productBox */
.productBox { width:860px; overflow: hidden;margin-top: 20px }
.productBox li { float: left; position: relative; width:220px; height:215px; border: 1px solid #858585; background: #f4f4f4; margin:0px 22px; margin-bottom: 24px; }
.productBox h3 { text-align: center;    line-height: 25px; font-size: 16px; color: #716868; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBox h4 {margin-bottom: 8px;text-align: center;font-size: 12px;color: #F00;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;}
.productBox p { padding: 0 5px; line-height: 20px; color: #737373; height: 40px; overflow: hidden; margin-bottom: 10px; }

.productBox span { width: 78px; height: 19px; border: 1px solid #929292; text-align: center; color: #777; display: block; line-height: 19px; position: relative; left: 5px; }
.productBox .on {background:#75abd8;border-color: #2D2D2B;}
.productBox .on h3 { color: #fff;line-height: 50px;cursor:pointer; }
.productBox .on h4 { display:none; color: #fff;}
.productBox .on p { color: #fff;}
.productBox .on span { border-color: #125ed6; background: #fff; color: #125ed6;}

.pro_img2{ width:100%; margin: 0px auto; height:auto    overflow: auto;}
.pro_img2 ul{ padding:0px; margin:0px;list-style:none; }
.pro_img2 ul li{ float:left;width:150px; margin:10px 5px;height: 160px;}
.pro_img2 ul li:hover img{transform: scale(1.05);}
.pro_img2 ul li a{text-decoration:none;} 
.pro_img2 ul li a img{ width:150px; height:113px; border:1px #ccc solid; border-radius:3px; }
.pro_img2 ul li a span{ width:150px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }