.top_bg{ height:160px; background:url(../images/top_bg.gif) no-repeat center 0;overflow: hidden;}
.header{width: 1200px; margin:0 auto;}
.h_con{ height:80px;padding: 20px 0 0;}
.logo{ float:left;width: 180px;padding:4px 25px 0 0;}
.logo img{ width:180px; height:52px;}
.h_dw{ float:left;line-height: 30px;font-size: 24px;color: #333;padding:0 0 0 30px;position: relative;}
.h_dw:before{content: "";width: 1px;height: 52px;/* background: #e5e5e5; */position: absolute;top: 4px;left: 0;}
.h_dw i{color: #2075c8;}
.h_dw span{display: block;font-size: 14px;font-weight: normal;}
.h_tel{float: right;padding: 9px 0 0 55px;font-family: "DINOT";background:url(../images/tel.gif) no-repeat 0 9px;font-size: 28px;color: #333;line-height: 40px;height: 42px;/* font-weight: bold; */}
.h_nav{ height:60px;padding-left: 50px;width: 1150px;}
.h_nav li{height: 60px;line-height:60px;float:left;padding: 0 60px;background:url(../images/nav_bor.png) no-repeat right 25px;}
.h_nav li a{ font-size:16px; color:#fff;display:block; float:left;position: relative;vertical-align: middle;height: 60px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.h_nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #fff;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before,.h_nav li.cur a:before {
  right: 0;
}
.h_nav li.cur a,.h_nav li a:hover{font-weight: bold;}
.h_nav li.nobor{padding-right: 0;background: none;}
em,i{ font-style:normal;}
/* ????????? */

@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ????? */

dl, dt, dd, ul, ol, li, /* list elements ?¡ì¨°???? */

pre, /* text formatting elements ????????? */

fieldset, lengend, button, input, textarea, /* form elements ??????? */

th, td { /* table elements ??????? */

    margin: 0;

    padding: 0;

}



input,textarea {border: 2 none; box-shadow: none; outline: none;}



/* ??????????? */

body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei","??????","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;}



* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*????bootstrape??????????????*/



address, cite, dfn, em, i, var {font-style: normal;} /* ¡ì¨°????? */



/* ?????¡ì¨°???? */

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



/* ????????????? */

a {text-decoration: none; color: #666; word-wrap:break-word;}/*??????*/




/* ?????????? */

legend {color: #000;} /* for ie6 */

fieldset, img {border: none;} /* img ????????????? img ???? */

/* ???optgroup ??????? */

button, input, select, textarea {

    font-size: 100%; /* ?????????? ie ???????????¡ì3 */

}



/* ?????????? */

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* ????ie????????????????????????????????????????? */

html {overflow-y: scroll;}



/*???????*/

.fl {float: left;}

.fr {float: right;}

.pr{position: relative;}

.pa{position: absolute;}



/*?????¡ì3*/

.clear{clear: both;height: 0;}

.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}





/*????????*/

.nsw-modal {

	width: 100%;

	height: 100%;

	background: rgba(225, 225, 225, 0.5);

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99999;

}



.modal-dialog {

	position: fixed;

	color: #000000;

	top: 150px;

	width: 400px;

	border-radius: 3px;

	min-height: 155px;

	overflow: hidden;

	z-index: 99998;

	margin-left: -200px;

	left: 50%;

}



.modal-dialog .css-icon {

	background-image: url("../images/modal-icons.png");

}



.modal-dialog .modal-head {

	height: 30px;

	line-height: 30px;

	padding: 0px 20px;

	background: #F6EFEF;

	font-size: 14px;

}



.modal-dialog .modal-head .modal-logo {

	width: 15px;

	height: 15px;

	background-position: 1px 0px;

	margin: 8px 5px 0 0;

	float: left;

}



.modal-dialog .modal-head .close {

	float: right;

	width: 15px;

	height: 15px;

	background-position: -14px 0px;

	margin-top: 8px;

}



.modal-dialog .modal-body {

	width: 100%;

	min-height: 125px;

	background: #ffffff;

}



.modal-dialog .modal-body .modal-body-left {

	width: 140px;

	float: left;

}



.modal-dialog .modal-body .modal-body-left .icon {

	width: 64px;

	height: 64px;

	margin: 30px 0 0 48px;

}



.modal-dialog .modal-body .modal-body-left .success-message {

	background-position: 0px -14px;

}



.modal-dialog .modal-body .modal-body-left .warming-message {

	background-position: 0px -78px;

}



.modal-dialog .modal-body .modal-body-right {

	width: 260px;

	float: right;

	padding-top: 20px;

}



.modal-dialog .modal-body .modal-body-right .close-btn {

	color: #000;

	text-align: center;

	width: 90px;

	display: inline-block;

	height: 24px;

	line-height: 24px;

	background: #818079;

}



.modal-dialog .modal-body .modal-body-right p {

	line-height: 30px;}





/**/

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}

.content{ width:1200px; margin:0 auto;}





/**/

.yinz{background: url(../images/yinz_bg.jpg) no-repeat center 0;height: 433px;overflow: hidden;padding-top: 129px;}

.yinz_l{width: 600px;margin-top: -10px;}

.yinz_l h5{font-size: 42px;color: #333;line-height: 48px;position: relative;height: 120px;}

.yinz_l h5:before{content: "";width: 30px;height: 5px;background: #2075c8;position: absolute;bottom: 0;left: 0;}

.yinz_l h5 i{display: block;font-size: 16px;font-weight: normal;}

.yinz_l p{font-size: 16px;color: #666;line-height: 30px;height: 90px;overflow: hidden;padding: 25px 0 0;}

.yinz_l span{display: block;font-size: 18px;color: #333;font-weight: bold;background: url(../images/yinz_ico01.png) no-repeat;height: 60px;line-height: 60px;overflow: hidden;padding: 0 0 0 80px;margin-top: 35px;}

.yinz_r{width: 538px;}

.yinz_qie ul li{width: 538px;}

.yinz_qie ul li em{width: 538px;height: 300px;display: block;line-height: 0;overflow: hidden;}

.yinz_qie ul li img{width: 538px;height: 300px;}

.yinz_qie ul li img,.cp01 em img,.case dl dt img,.yous_con dl dt img,.news01 dl dt img,.photo_qie ul li img{

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.yinz_qie ul li img:hover,.cp01 em img:hover,.case dl dt img:hover,.yous_con dl dt img:hover,.news01 dl dt img:hover,.photo_qie ul li img:hover

{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.yinz_qie ul li span{display: block;font-size: 16px;color: #333;height: 50px;line-height: 50px;width: 438px;text-align: center;overflow: hidden;}

.yinz_bot{width: 100px;position: absolute;top: 300px;right: 0;background: #fff;height: 50px;}

.yinz_bot li{ float:left; margin:20px 15px 0 0; cursor:pointer; width: 10px;height: 10px;background: #e5e5e5; text-indent: -99999px;border-radius: 50%;}

.yinz_bot .on{background: #2075c8;}