@charset "utf-8";
/* CSS Document */
body{font-family:Verdana;font-size:14px;margin:0;padding:0;background:url(/theme/images/topbg.jpg) repeat-x 0 0;}
img{border:0;}

a:hover{color:#337ab7;}
ul{list-style:none;}
li{list-style:none;}
.Head{min-width:1300px;padding-bottom: 1px;}
.HeadInner{width:1300px;margin:0 auto;height:150px;}
.TopBlank{padding:10px 0}
.TopBlank a{display: block;
    float: right;
    margin: 0 10px;
    height: 20px;
    line-height: 20px;
}
.TopBlank a img{height: 20px;
    vertical-align: middle;
    padding-right: 3px;
}
.TopLogo{height:79px}

.submenu{filter:alpha(opacity=50);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;  }
	  
.LogoLink{display:block;width:330px;float:left}
.HeadBandText{width:300px;float:left;font-size:14px;line-height:20px;padding-top:25px;color:#525356}
.HeadBandText strong{font-size:14px}
.banner{width:100%;}
.banner a{display:block;height:400px;width:100%; background:no-repeat center top;}
.clear{clear:both}
p{
	margin: 4px 0;
	line-height: 20px;
	text-align: justify;
}
a{ text-decoration:none;color:#333}
a:hover{ text-decoration:underline}
ul{margin:0;padding:0}
.imgcSmall ul li a{font-size:12px;}
ul.TopMenu{height:31px;padding:0;margin:0;font-weight:bold;margin-top: -8px;}
ul.TopMenu li{display:block;float:left; list-style:none;background:url(../images/menuborder.jpg) no-repeat left center; position:relative}
ul.TopMenu li a{display:block;color:#FFF;text-decoration:none;font-size:12px;padding:7px 16px 10px 16px;height:17px;}
ul.TopMenu li a:hover{background:#0065B3;}
ul.TopMenu li.last a{background:url(../images/menuborder.jpg) no-repeat right center}
ul.TopMenu li.last a:hover,ul.TopMenu li:hover{background:#0065B3 url(../images/menuborder.jpg) no-repeat right center}

ul.TopMenu li div.submenu{ position:absolute;width:230px; z-index:100;background:#ffffff;top:34px;display:none;padding-bottom:10px;}
/*ul.TopMenu li:hover div.submenu{display:block}*/
ul.TopMenu li div.submenu a{display:block;padding:6px 8px;color:#2c2d2c;}
ul.TopMenu li div.submenu a:hover{color:#ffffff}


#home ul.TopMenu li.home >a,#about ul.TopMenu li.about >a,#prod ul.TopMenu li.prod >a,#proj ul.TopMenu li.proj >a,#solu ul.TopMenu li.solu >a,#newss ul.TopMenu li.newss >a,#serv ul.TopMenu li.serv >a,
#knows ul.TopMenu li.knows >a,#cont ul.TopMenu li.cont >a{background:#0065B3}

.othersite{float:right;color:#0066B2;font-size:14px;font-weight:bold;padding-top:8px;margin-right: 5em;}
.Home-section{float:left;}
.hs{padding-top:30px}
.Home-section h3{font-size:12px;color:#210202;margin:0;padding:8px 0}
.news{width: 270px;
	padding-right: 15px}
.product{width:500px;margin:0 5px}
.case{width:200px;}
.news ul{margin:0;padding:0}
.news ul li{display:block; line-height:140%; clear:both; list-style:none;margin:10px 0 0 4px}
.news ul li a{text-decoration:none;color:#333}
.news ul li a:hover{text-decoration:underline}
.news ul li span.ntitle{font-weight:bold}
.news ul li.lastest{margin-bottom:14px}
.news ul li.lastest img{margin:4px 6px 4px 0}
.news ul li span.ndate{float:right}
a.more{color:#FF0000; font-style:italic;}
a.link{color:#FF0000;}

ul.link{margin:0;padding:0}
ul.link li{list-style:none;padding:5px 4px;}

.productbox{float:left;width:147px;margin:6px;display:block;line-height:140%; text-align:center;}
a.productbox  img{margin-bottom:6px}
.ptxt{padding:8px;}
.ptxt h4{margin:0;padding:8px 0 0 0;font-size:14px;}

.Wrap,.footer_inner{width:1300px;margin:0 auto}

.Footer{border-top:2px solid #DEDFE0;margin-top:40px;background:#BDBEC0}
.footer_inner{padding:10px 0}
.footer_inner p.copyright{ text-align:center;font-size:12px;color:#333;}

.bread{background:url(../images/home-icon.png) no-repeat 2px -2px;padding-left:20px;margin:15px 0 30px 0;font-size:13px}
.bread a{color:#000;}
ul#breadcrumb{height:20px}
ul#breadcrumb  li{list-style:none;float:left;padding:0 5px}
ul#breadcrumb  li a:after {
    content: " >";
}

.wrap_left{float:left;width:950px}
.wrap_left .pblock img{
    transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
}
.wrap_left .pblock img:hover{
   transform: translate(0, -18px);
            -webkit-transform: translate(0, -18px);
            -moz-transform: translate(0, -18px);
            -o-transform: translate(0, -18px);
            -ms-transform: translate(0, -18px);
}
.wrap_right{float:right;width:290px;padding-right:10px;}
.wrap_left h3,.wrap_right h3{font-size:14px;padding-bottom:8px;margin:0 0 8px 0;border-bottom:1px solid #cbcccc;text-transform:Uppercase; height:40;}
.wrap_left h5{float:left;width:302px;font-size:14px;padding-bottom:8px;margin:0 13px 8px 0;border-bottom:1px solid #cbcccc;text-transform:Uppercase; height:40;}

.wrap_right ul{margin:0 0 20px 0;padding:0;}
.wrap_right ul li{list-style:none;color:red;font-size:14px;padding:4px 0}
.wrap_right ul li.title{font-size:14px; font-weight:bold; margin-top:10px;}
.wrap_right ul li a{color:#000000; font-weight:normal;}
.wrap_right ul li a:hover{color: #337ab7;}
.wrap_right ul li span{font-size:14px;}

select,input,textarea{font-family:Arial, Helvetica, sans-serif;font-size:12px}
a.abut {background:url(../images/bg.gif) no-repeat;color:#FFF;display:block;padding:4px; text-align:center;max-width:140px;margin:8px 0}
.da_line{border-bottom:1px #cbcccc dashed;display:block;margin:8px 0;}

.contactFrom{margin-bottom:20px}
.contactFrom input{height:14px;width:190px;padding:4px 4px 4px 50px;margin-bottom:10px; background:url(../images/fieldtitle.jpg) no-repeat;border:1px solid #cbcccc}

.contactFrom select{margin-bottom:10px;height:24px;width:240px}
.contactFrom input#email{background-position:left -22px}
.contactFrom input#country{background-position:left -46px}
.contactFrom textarea#inquiry{background:url(../images/fieldtitle.jpg) no-repeat left -72px;padding-left:50px;height:80px;width:190px}


.pimgtop{height:198px;width:100%;background:no-repeat center top}


.red{color:#ED1C24}


/*form*/
.pform{border:2px solid #EBEBEB;padding:8px;margin:20px 0;text-align:left;}
.pform p{font-size:14px;}

.pform input{width:300px;height:30px}

.pform input.submitbutton{border:none;color:#FFF;background:#ED1C24;width:300px;height:40px;font-style:italic;}
.pform textarea{width:300px;height:100px}

/**/


/*photo small project*/
.slidetitle {padding:0 20px}
.slidetitle a{float:right}
.slidetitle strong{font-size:12px}
.imgcSmall {
	width: 930px;
	background:#EBEBEB;
	padding:10px 0;
	margin:20px 0;
}
.imgcSmall p{font-size:14px;font-weight:bold;padding:0 20px}

.imgcSmall .imgthurmb {
	width:  930px;
	height: 130px;
	position: relative;
	margin: 20px 0 0 0px;
	
}
.imgcSmall .thumc {
	height: 120px;
	margin: 0 26px;
	padding: 0;
	width: 820px;
	overflow: hidden;
}
.imgcSmall ul {
	width: 9999px;
	margin: 0;
	height: 120px;
}
.imgcSmall ul li {
	display: block;
	float: left;

	list-style: none;
	width: 120px;
	height:110px;
	/*border: 4px solid #ffffff;*/
	margin: 0 25px;
	overflow: hidden;
	cursor: pointer;
	text-align:center
	
}
.imgcSmall ul li img{
	border: 3px solid #ffffff;
	/*width:100px;
	height:70px;*/
}
.imgcSmall a.icl, .imgcSmall a.icr {
	display: block;
	width: 26px;
	height: 64px;
	position: absolute;
	
	background-repeat: no-repeat;
	cursor: pointer;
}
.imgcSmall a.icl {
	background:url(../images/s_left.jpg) no-repeat left center;
	
	left: 0;
	top: 5px
}
.imgcSmall a.icr {
	background:url(../images/s_right.jpg) no-repeat left center;
	right: 0px;
	top: 5px
}
.imgcSmall ul li.sel {
	border-color: #000
}
.imgcSmall .thumc ul li:hover {
border-color:#000
}

/*page*/
.page,.sisea-paging{height:40px;margin-top:30px;}
.page a{/*,.sisea-paging .sisea-page*/
      color: black;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;} 
.sisea-highlight{color:red;font-size:20px;}
.page a.sel{background:#CCC;font-weight:bold}
.content p{line-height:150%;padding: 0 10px 10px 10px;}
.content h4{font-size:15px;padding:6px 10px;margin:0}
.content p.h4{font-size:15px;padding-bottom:0px}
.content p.h4 strong{color:red}
.index-body{width:1300px;height:400px;}
.index-main{width:1300px;height:228px;}
.index-left{width:220px;height:228px;margin-top:1px;}
.index-left ul li{display:block;margin:10px 0px;
 transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
}
.index-left ul li:hover{
  transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
}


.index-middle{width:700px;height:228px;margin-left:30px; margin-right:30px;}
.index-left,.index-middle,.index-right{float:left;}
.index-middle-2{height:25px;}
.index-middle-a{height:25px;margin-top:0px;text-align:center;font-weight: bold}
.index-middle-a:hover{
   transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
}
#Read:hover{
   transform: rotate(360deg) scale(2);
            -webkit-transform: rotate(360deg) scale(2);
            -moz-transform: rotate(360deg) scale(2);
            -o-transform: rotate(360deg) scale(2);
            -ms-transform: rotate(360deg) scale(2);
}
.index-middle-a a{margin: 0px 10px;}
.index-news{width:300px;height:150px;margin-top:30px;position : relative; }
.index-news ul{width:290px;height:150px;}
.index-news ul li{width:290px;margin:8px 0px;}
.index-news ul li a{font-size:14px;}
#Read{position :  absolute;top:290px;
 transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.index-middle-1 h2{ transition: All 0.35s ease-in-out;
            -webkit-transition: All 0.53s ease-in-out;
            -moz-transition: All 0.35s ease-in-out;
            -o-transition: All 0.35s ease-in-out;}            
.index-middle-1 h2:hover{
   transform: rotate(360deg) scale(1.8);
            -webkit-transform: rotate(360deg) scale(1.8);
            -moz-transform: rotate(360deg) scale(1.2);
            -o-transform: rotate(360deg) scale(1.2);
            -ms-transform: rotate(360deg) scale(1.2);
    }
/*搜索*/
.sisea-search-form fieldset,.sisea-search-form{display:inline;border:0;}
.from-so{float:right;margin-right:0;margin-top:2px;}
.sisea-search-form fieldset label{display:none;}
.sisea-search-form fieldset input[type="submit"]{color:#fff;background: red;border:3px;padding:2px;}