﻿@charset "utf-8";

/* CSS Document */

html,body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,span,input{

  margin:0;padding:0;

}

body{font:12px/1.5em "微软雅黑",arial; color:#3c3c3c;}

h1,h2,h3,h4,h5,h6{font-size::100%;}

img{border:0;}

ul,ol,li{list-style:none;}

a{text-decoration:none;color:#000;}



.clearfix:after{content:"";display:block;height:0;visibility:hidden;clear:both;}

.clearfix{zoom:1;}

/*head*/

.head{ width:1100px; margin:0 auto; }

.top ul li{ display:inline-block; float:right; margin-left:10px; margin-top:10px;}

.nav ul li{float:left;font-size:16px;font-weight:500;padding: 0px 18px;/* margin-left: 9px; */margin-top: 44px;}

.nav ul li:hover{background: url(../images/about_menu_bgbg.gif) rgba(14, 153, 224, 0.8);}

.nav ul span{display:block;float:left;width:2px;height: 18px;background:#878787;margin: 44px 0 0px 0px;}

/*conent*/

.bg{ background:#efefed}

.fadeShow { 



	width:1100px; 

	height:450px; 

	border:0px solid #ffffff;        

}

.fadeShow img{position:absolute;}



.fadeShow .active{

   	z-index:1;

}

.banner{width:1100px; margin:0 auto;}

.content{width:1100px;margin:0 auto;margin-top: 20px;}

.content .pro{width: 330px;float:left;position:  relative;margin-right: 10px;margin-bottom: 10px;transition: 0.5s all;-webkit-transition: 0.5s all;}

.content .pro div{position: absolute;width: 144px;height: 143px;top: 0px;right: 0;padding-top: 30px;background: rgba(95,179,43, 0.4);padding-left: 10px;color: #fff;}

.content .pro img{width:330px;height:173.42px;}

.content .pro1 img{width:416px;height:358px;}

.content .pro div p{margin: 18px 0; 0}

.content .pro1{width:416px;float:right;margin-bottom: 29px;position:  relative;transition: 0.5s all;-webkit-transition: 0.5s all;}

.content .pro1 div{position: absolute;width: 174px;height: 124px;top: 0px;right: 0;padding-top: 30px;background: rgba(95,179,43, 0.4);padding-left: 22px;color: #fff;}

.content .pro3{width:206px;float: right;position:  relative;top: -23px;margin-left: 4px;transition: 0.5s all;-webkit-transition: 0.5s all;}

.content .pro3 div{position: absolute;width: 206px;height: 21px;top: 0px;right: 0;padding-top: 15px;/* background: rgba(95,179,43, 0.4); *//* padding-left: 10px; */color: #fff;}

.content .pro3 div h1{ text-align:center}

.content .pro:hover{box-shadow: 0px 5px 4px 1px rgb(20, 29, 44);}

.content .pro1:hover{box-shadow: 0px 5px 4px 1px rgb(20, 29, 44);}

.content .pro3:hover{box-shadow: 0px 5px 4px 1px rgb(20, 29, 44);}



.content .pro{width: 330px;float:left;position:  relative;margin-right: 10px;margin-bottom: 10px;transition: 0.5s all;-webkit-transition: 0.5s all;}

.content .pro div{position: absolute;width: 144px;height: 143px;top: 0px;right: 0;padding-top: 30px;background: rgba(95,179,43, 0.4);padding-left: 10px;color: #fff;}



.pro{width: 330px;float:left;position:  relative;margin-right: 10px;margin-bottom: 10px;transition: 0.5s all;-webkit-transition: 0.5s all;}

.pro div{position: absolute;width: 144px;height: 143px;top: 0px;right: 0;padding-top: 30px;background: rgba(95,179,43, 0.4);padding-left: 10px;color: #fff;}

.pro div p{margin: 18px 0; 0}

.pro1{width:416px;float:right;margin-bottom: 29px;position:  relative;transition: 0.5s all;-webkit-transition: 0.5s all;}

.pro1 div{position: absolute;width: 174px;height: 124px;top: 0px;right: 0;padding-top: 30px;background: rgba(95,179,43, 0.4);padding-left: 22px;color: #fff;}

.pro3{width:206px;float: right;position:  relative;top: -23px;margin-left: 4px;transition: 0.5s all;-webkit-transition: 0.5s all;}

.pro3 div{position: absolute;width: 206px;height: 21px;top: 0px;right: 0;padding-top: 15px;/* background: rgba(95,179,43, 0.4); *//* padding-left: 10px; */color: #fff;}

.pro3 div h1{ text-align:center}

.pro:hover{box-shadow: 0px 5px 4px 1px rgb(20, 29, 44);}

.pro1:hover{box-shadow: 0px 5px 4px 1px rgb(20, 29, 44);}

.pro3:hover{box-shadow: 0px 5px 4px 1px rgb(20, 29, 44);}



.bot{width:1100px; margin:0 auto;}

.bot .cnt{width: 280px;height: 204px;background:url(../images/tel_02.jpg);color:#333333;text-align:left;float: left;}

.bot .cnt h3{font-size:18px;padding-top: 10px;padding-left:20px;}

.bot .cnt p{ font-size:14px;  padding-left:20px;}

.bot .cnt h1{ padding-left:20px; margin-top:20px;}

.bot .cnt h4{padding-left:20px;background: rgb(174, 216, 253);line-height: 28px;margin-top: 10px;font-size: 14px;}



.bot .not{float:left;width:386px;background: #fff;margin-left: 10px;}

.bot .not .txt1{background: rgba(218, 219, 224, 1);padding: 0 0px 0 15px;height:  17px;}

.bot .not .txt1 p{display:block;float:left;font-size: 14px;/* font-variant:  normal; */text-transform:  uppercase;line-height: -10px;margin-top: 0px;height: 14px;}

.bot .not .txt1 span{display:block;float:right;/* margin-top: 9px; */font-size: 1.2em;line-height: 38px;background:url(../images/arrow1.png) no-repeat;height:  18px;width: 17px;}

/* root element for accordion. decorated with rounded borders and gradient background image */

#accordion {

	width: 386px;

	border:0px solid #333;	

	-background:#666;

}



/* accordion header */

#accordion h2 {

	background:#ccc url(h31.png);

	margin:0;

	padding:5px 15px;

	font-size:14px;

	font-weight:normal;

	border:1px solid #fff;

	border-bottom:1px solid #ddd;

	cursor:pointer;		

}



/* currently active header */

#accordion h2.current {

	cursor:default;

	background-color:#fff;

}



/* accordion pane */

#accordion .pane {

	border:1px solid #fff;

	border-width:0 2px;

	display:none;

	height:160px;

	padding:12px;

	font-size:12px;

}



/* a title inside pane */

#accordion .pane h3 {

	font-weight:normal;

	margin:0 0 -5px 0;

	font-size:16px;

	color:#999;

}

.bot .zhiliang{background:url(../images/ISO.jpg) no-repeat;}

.bot .lianxi{background:url(../images/technical.png) no-repeat;}

.bot .control{width:203px;height:204px;float:left;margin-left: 9px;}

.bot .control .txt2{/* clear:both; */padding: 10px 5px 0 5px;}

.bot .control .txt2 h3{display:block; float:left}

.bot .control .txt2 span{display:block; float:right;background:url(../images/arrow2.png) no-repeat; height:31px; width:34px;}

.footer {background:rgb(201,201,201);}

.footer div{ width:1100px; margin:0 auto; height:31px; text-align:center;font-size:1em; padding-top:10px; }

/*company*/

.company{width:1100px; margin:0 auto}

.cpL{ float:left; width:210px; margin-right:5px;}

.cpL li{/* min-height: 77px; */text-align:center;vertical-align:middle;line-height: 80px;background:url(../images/about_menu_bgbg.gif) #1159A9;color:#fff;margin-bottom:2px;FONT-SIZE: 1.3em;height: 80px;}

.cpL .hov{background: url(../images/about_menu_bgbg.gif) #67b535;line-height: 120px;height:120px;font-size: 1.7EM;}

.cpL .tl{url(../images/about_menu_bgbg.gif) red;height: 100px;line-height: 100px;background-color: #219ede;}

.cpL a li:hover{background: url(../images/about_menu_bgbg.gif) #6e861c;}

.cpL .cnt{width: 190px;background:url(../images/tel_02.jpg);color:#333333;text-align:left;background-size: 100% 100%;background-repeat:  no-repeat;padding: 4px 0px 7px 19px;}



.cpL .cnt h3{font-size: 1em;}

.cpL .cnt p{margin-top: 2px;margin-bottom: 2px;}

.cpL .cnt h1{ font-size:1.2em}

.cpL .cnt h4{margin-top: 1px;font-size: 1.1em;}

.cpR{float:right;/* min-height: 936px; */}



.cpR  .cpC{background:url(../images/about_menu_bgbg_02.gif);width:885px;}

.cpR  .cpC .pr{

    background: url(../images/about_menu_bgbg.gif) rgb(143, 153, 171);

    width: 790px;

    margin:0 auto;

    color: #fff;

    /* margin-top: 30px; */

    /* margin-bottom: 30px; */

    padding: 0 px;

    }

	.cpR  .cpC .pr h2{float:left;line-height: 42px;/* background: red; */background-color: rgba(59, 127, 247, 0.6);padding: 0 20px;}

	.cpR  .cpC .pr p{ float:left}



.cpR  .cpC .prc{background: white;padding-top: 30px;margin: 0 20px;min-height: 390px;}



.cpR  .cpC .prc .pd{/* background:red; */padding: 0 40px;}
.cpR  .cpC .prc .pd table{ border-collapse:collapse;}


.cpR  .cpC .prc .pd .prd li{float:left;width: 240px;margin-right: 5px;margin-top: 5px;}

.cpR  .cpC .prc .pd .prd li img{ width:100%}

.cpR  .cpC .prc .pd  h4{background: #9a9a9a;min-width: -12px;width: 245px;text-align:  center;margin: 10px 0;}

.cpR  .cpC .prc .pd .quabg{background:url(../images/qt_bg_01.gif);padding: 10px 0;background-repeat:  no-repeat;}

.cpR  .cpC .prc .pd .quabg h4{margin: 10px 0;}

.cpR  .cpC .prc .photo li{float:left;margin-top: 20px;margin-left: 23px;text-align:  center;}

.cpR  .cpC .prc .photo li img{border: 1px solid #888888;padding: 30px 15px;}

.nav{    height: 85px;}

.logo{width:430px; float:left;}

nav{ float:right; width:650px;}

.news{width:1100px; margin:20px auto;    overflow: auto; padding-bottom:20px;}

.news .newsh1{height:30px;line-height:30px;background: #fff;font-size: 16px;text-indent: 10px;}

.news .newsh1 span{ float:right; display:inline-block;background:url(../images/arrow1.png) no-repeat;}

.news .newslist{ margin-top:15px; width:100%;}

.news .newslist li{ height:30px; line-height:30px; border-bottom:1px dashed #ddd; width:49%; float:left;}

.news .newslist li:nth-child(2n){ float:right;}

.news .newslist li span{ float:right;}

.link{width:1100px; margin:0 auto;padding-bottom: 30px;}

.neirong .h1{ height:38px; line-height:38px; color:#fff; font-size:18px; font-weight:normal; width:700px; margin:0 auto; background:rgb(143, 153, 171) url(../images/about_menu_bgbg.gif) repeat;}

.neirong .h1 span{ padding:0 20px; background:rgba(59, 127, 247, 0.6); display:inline-block}

.neirong{ width:747px; margin:0 auto; background:url(../images/about_ceo_02.jpg)  repeat-y; padding:50px 50px 150px;}

.nerp{ height:30px; line-height:30px; text-align:center; font-size:18px; color:#fff; background:rgb(170, 177, 191) url(../images/about_menu_bgbg_02.gif) repeat;}

.pronei {width:747px; margin:0 auto; background:#EFEFED;overflow: auto; padding:50px; }

.pronei .proh1{margin:0 auto; background:rgb(17, 89, 169) url(../images/about_menu_bgbg.gif); height:30px; line-height:30px; width:700px; text-indent:20px; color:#fff;}

.pronei .prodiv { margin-top:50px;}

.pronei .prodiv li.pro img{width:330px;height:173.42px;}

.pronei .prodiv li:nth-child(2n){ float:right;}

.pronei .prodiv li{ margin-bottom:20px;}

.newsul{    width: 790px;

    margin: 0 auto;}

.newsul li{ height:35px; line-height:35px; border-bottom:1px dashed #ddd;}

.newsul li span{ float:right;}

.page { margin-top:50px; padding-bottom:50px; text-align:center;}

.newsnei{ margin-top:30px; padding-bottom:50px; }

.newsul .h1{ margin-top:30px; text-align:center; font-size:18px; font-weight:normal;}

.newsul .p{ text-align:center;}

.infopre{ margin-top:40px; line-height:30px;}

#allmap>div{    left: 360px !important;

    top: 206px !important;}



















