/* Generated by wjdhcms 3.0 */







@charset "utf-8";







/*-----------CSS Reset-----------*/







::selection {



	color:#fff;



    background-color: #044e97;



}







::-moz-selection {



	color:#fff;



    background-color: #044e97;



}







::-webkit-selection {



	color:#fff;



    background-color: #044e97;



}







::-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;



}







body {



    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;



}







: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;



}



/*公共样式*/



.hide{



	display: none;



}



.title{



	width: 1180px;



	overflow: hidden;



	margin-top: 50px;



}



.title h3 a{



	display: block;



	text-align: center;



	font-size: 24px;



	color: #044e97;



	height: 50px;



	line-height: 30px;



	background: url(../images/title_bor.png) no-repeat 50% 48px; 



}



.title p{



	font-size: 16px;



	color: #333;



	text-align: center;



	line-height: 30px;



	margin-top: 10px;



}















/*banner*/



.banner{ width:100%; height: 550px; margin:0 auto; clear: both;}



.banner img{display:block; width:100%; height: 550px;}



.fullSlide{width:100%;position:relative;height:100%;background:transparent}



.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}



.fullSlide .bd ul{height:100%;}



.fullSlide .bd li{width:100%!important; height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;}



.fullSlide .bd li a{display:block;height:100%}



.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;}



.fullSlide .hd ul{text-align:center;margin-bottom:10px;}



.fullSlide .hd ul li{background:#d5d5d5;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:550px;}



.fullSlide .hd ul .on{background:#044e97;}



.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none;}



.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}







/**search**/



.search_box{width: 100%; height:60px;  background: url(../images/search.jpg) no-repeat center;}



.search{width: 1180px; margin:auto; height:60px; overflow: hidden;}



.keytext{width: 770px;height: 60px;line-height: 60px; float: left; font-family:Microsoft YaHei; font-size:14px;}



.keytext span{line-height:60px; color: #333; font-weight:bold;}



.keytext a{margin: 0px 8px 0px 0px; line-height:30px; color:#333;}



.search-wrapper {



    -webkit-transform: translate(-50%, -50%);



    -moz-transform: translate(-50%, -50%);



    transform: translate(-50%, -50%);



	float:right; margin-top:30px;



}



.search-wrapper.active {



	margin-right: -150px;



}







.search-wrapper .input-holder {



    overflow: hidden;



    height: 40px;



    background: rgba(255,255,255,0);



    border-radius:6px;



    position: relative;



    width:40px;



    -webkit-transition: all 0.3s ease-in-out;



    -moz-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}



.search-wrapper.active .input-holder {



    border-radius: 30px;



    width:410px;



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



    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);



    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);



    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);



}







.search-wrapper .input-holder .search-input {



    width:100%;



    height: 20px;



    padding-left: 20px;



    opacity: 0;



    position: absolute;



    top:0px;



    left:0px;



	color: #fff;



    background: transparent;



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



    border:none;



    outline:none;



    font-family:"Open Sans", Arial, Verdana;



    font-size: 14px;



    font-weight: 500;



    line-height: 20px;



    color:#FFF;



    -webkit-transform: translate(0, 30px);



    -moz-transform: translate(0, 30px);



    transform: translate(0, 30px);



    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);



    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);



    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);







    -webkit-transition-delay: 0.3s;



    -moz-transition-delay: 0.3s;



    transition-delay: 0.3s;



}



.search-wrapper.active .input-holder .search-input {



    opacity: 1;



    -webkit-transform: translate(0, 10px);



    -moz-transform: translate(0, 10px);



    transform: translate(0, 10px);



}







.search-wrapper .input-holder .search-icon {



    width:40px;



    height:40px;



    border:none;



    border-radius:6px;



    background: #FFF;



    padding:0px;



    outline:none;



    position: relative;



    z-index: 2;



    float:right;



    cursor: pointer;



    -webkit-transition: all 0.3s ease-in-out;



    -moz-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}



.search-wrapper.active .input-holder .search-icon {



    width: 30px;



    height:30px;



    margin: 5px;



    border-radius: 30px;



}



.search-wrapper .input-holder .search-icon span {



    width:22px;



    height:22px;



    display: inline-block;



    vertical-align: middle;



    position:relative;



    -webkit-transform: rotate(45deg);



    -moz-transform: rotate(45deg);



    transform: rotate(45deg);



    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);



    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);



    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);







}



.search-wrapper.active .input-holder .search-icon span {



    -webkit-transform: rotate(-45deg);



    -moz-transform: rotate(-45deg);



    transform: rotate(-45deg);



}



.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {



    position: absolute;



    content:'';



}



.search-wrapper .input-holder .search-icon span::before {



    width: 4px;



    height: 11px;



    left: 9px;



    top: 18px;



    border-radius: 2px;



    background: #974BE0;



}



.search-wrapper .input-holder .search-icon span::after {



    width: 14px;



    height: 14px;



    left: 0px;



    top: 0px;



    border-radius: 16px;



    border: 4px solid #974BE0;



}







.search-wrapper .close {



    position: absolute;



    z-index: 1;



    top:12px;



    right:10px;



    width:20px;



    height:20px;



    cursor: pointer;



    -webkit-transform: rotate(-180deg);



    -moz-transform: rotate(-180deg);



    transform: rotate(-180deg);



    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);



    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);



    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);



    -webkit-transition-delay: 0.2s;



    -moz-transition-delay: 0.2s;



    transition-delay: 0.2s;



}



.search-wrapper.active .close {



    right:-40px;



    -webkit-transform: rotate(45deg);



    -moz-transform: rotate(45deg);



    transform: rotate(45deg);



    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);



    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);



    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);



    -webkit-transition-delay: 0.5s;



    -moz-transition-delay: 0.5s;



    transition-delay: 0.5s;



}



.search-wrapper .close::before, .search-wrapper .close::after {



    position:absolute;



    content:'';



    background: #FFF;



    border-radius: 2px;



}



.search-wrapper .close::before {



    width: 5px;



    height: 25px;



    left: 10px;



    top: -6px;



}



.search-wrapper .close::after {



    width: 25px;



    height: 5px;



    left: 0px;



    top: 4px;



}



.search-wrapper .result-container {



    width: 100%;



    position: absolute;



    top:40px;



    left:0px;



    text-align: center;



    font-family: "Open Sans", Arial, Verdana;



    font-size: 14px;



    display:none;



    color:#B7B7B7;



}







/*product*/



.pro{



	width: 1180px;



	margin: 0 auto;



	overflow: hidden;



}



.pro_l{



	margin-top: 50px;



    width: 250px;



    float: left;



    overflow: hidden;



    margin-bottom: 50px;



    height: 500px;



    background: #eee;







	



}



.pro_l>p{



    font-size: 20px;



    font-weight: bold;



    color: #044e97;



    width: 200px;



    margin: 0 auto;



    margin-top: 30px;



    text-align: center;



}



.pro_l h2{



	width: 250px;



	height: 100px;



	background: url(../images/pro_l_ti.jpg) no-repeat;



	overflow: hidden;



}



.pro_l h2 a{



	display: block;



	text-align: center;



	font-size: 24px;



	color: #fff;



	padding-top: 24px;



}



.pro_l h2 span{



	display: block;



	color: #fff;



	font-size: 14px;



	text-align: center;



}



.pro_l ul{



	width: 250px;



}



.pro_l ul li{



	width: 250px;



	height: 40px;



	background: #eee;



	margin-top: 10px;



}



.pro_l ul li a{



	display: block;



	font-size: 14px;



	color: #4c4c4c;



	line-height: 40px;



	background: url(../images/pro_icon.png) no-repeat 0 15px;



	padding-left: 30px;



	margin-left: 30px;



}



.pro_l ul li:hover{



	background: #e4141d;



}



.pro_l ul li:hover a{



	background: url(../images/pro_icon1.png) no-repeat 0 15px;



	color: #fff;



}



.pro_r{



	width: 928px;



	float: right;



	margin-top: 50px;



}



.pro_r ul{



	overflow: hidden;



}



.pro_r ul li{



	width: 212px;



	height: 162px;



	margin-left: 20px;



	float: left;



	position: relative;



	margin-bottom: 30px;



}



.pro_r ul li img{



	width: 204px;



	height: 154px;



	border: solid 4px #eee;



}







.pro_r ul li .pro_txt {



	width: 212px;



	height: 162px;



  background: #1a4a72;



  background: rgba(26, 74, 114, 0.6);



}



.pro_r ul li .pro_txt h4 {



  background: rgba(12, 34, 52, 0.6);



}



.pro_r ul li .img{



	width: 212px;



	height: 162px;



	overflow: hidden;



}



.pro_r ul li img{



	width: 204px;



	height: 154px;



  -webkit-transition: all 0.35s ease-in-out;



  -moz-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



}



.pro_r ul li .pro_txt {



	position: absolute;



	top: 0;



	left: 0;



	width: 212px;



  background: #333333;



  background: rgba(0, 0, 0, 0.6);



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.35s ease-in-out;



  -moz-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;



}



.pro_r ul li .pro_txt h4 {



  text-transform: uppercase;



  color: #fbc502;



  text-align: center;



  font-size: 15px;



  padding: 6px;



  background: #111111;



  margin: 30px 0 0 0;



  -webkit-transform: scale(2);



  -moz-transform: scale(2);



  -ms-transform: scale(2);



  -o-transform: scale(2);



  transform: scale(2);



  -webkit-transition: all 0.35s 0.1s ease-in-out;



  -moz-transition: all 0.35s 0.1s ease-in-out;



  transition: all 0.35s 0.1s ease-in-out;



}



.pro_r ul li .pro_txt p {



  font-style: italic;



  font-size: 12px;



  position: relative;



  color: #eee;



  padding: 20px 20px 20px;



  text-align: center;



  -webkit-transform: scale(2);



  -moz-transform: scale(2);



  -ms-transform: scale(2);



  -o-transform: scale(2);



  transform: scale(2);



  -webkit-transition: all 0.35s 0.3s linear;



  -moz-transition: all 0.35s 0.3s linear;



  transition: all 0.35s 0.3s linear;



}



.pro_r ul li a:hover img {



  -webkit-transform: scale(1.2);



  -moz-transform: scale(1.2);



  -ms-transform: scale(1.2);



  -o-transform: scale(1.2);



  transform: scale(1.2);



}



.pro_r ul li a:hover .pro_txt {



  visibility: visible;



  opacity: 1;



}



.pro_r ul li a:hover .pro_txt h4,



.pro_r ul li a:hover .pro_txt p {



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



}











/*x_banner1*/



.sm_box1{



	width: 100%;



	height: 300px;



	background: url(../images/x_banner1.jpg) no-repeat center;



}



.sm_con1{



	width: 1180px;



	height: 300px;



	margin: 0 auto;



	position: relative;



}



.sm_con1 h4{



	font-size: 24px;



	color: #044e97;



	font-weight: bold;



	position: absolute;



    top: 90px;



    left: 57%;



}



.sm_con1 h5{



	font-size: 24px;



	color: #333;



	position: absolute;



    top: 136px;



    left: 43%;



}



.sm_con1 p{



	font-size: 16px;



	color: #fff;



	position: absolute;



	bottom: 60px;



	left: 64%;



}



.sm_con1 p span{



	font-size: 24px;



}



.sm_con1 a{



	display: block;



	color: #fff;



	font-size: 16px;



	etter-spacing: 5px;



    width: 72px;



    height: 60px;



    background: #e4141d;



    text-align: center;



    padding-top: 10px;



	position: absolute;



    top: 62px;



    right: 15%;



}







/*优势*/



.ys_box{



	width: 100%;



	height: 670px;



	background: url(../images/ys_bg.jpg) no-repeat center;



}



.ys{



	width: 1180px;



	height: 670px;



	margin: 0 auto;



	overflow: hidden;



}



.ys_title{



	width: 1180px;



	overflow: hidden;



	height: 102px;



	background: url(../images/ys_ti.jpg) no-repeat 356px 0px;



	margin-top: 50px;



	margin-bottom: 34px;



}



.ys_title h3{



	text-align: center;



	margin-top: 10px;



}



.ys_title h3 a{



	display: block;



	color: #333;



	font-size: 30px;



	line-height: 40px;



	font-weight: bold;



   



    margin-right: 30px;



}



.ys_title h3 a span{



	font-weight: normal;



	font-size: 18px;



	color: #fff;



	padding-left: 40px;



}



.ys_title p{



	font-size: 24px;



	color: #e4141d;



	font-weight: bold;



	text-align: center;



	line-height: 40px;



}



.ys_con{



	width: 1180px;



	overflow: hidden;



}



.ys_con img{



	width: 590px;



	height: 300px;



	float: left;



}



.ys_con .ys_txt{



	width: 490px;



	float: left;



	margin-left: 50px;



	margin-top: 25px;



}



.ys_con .ys_txt h4{



	font-size: 21px;



	font-weight: bold;



	color: #044e97;



	line-height: 40px;



	height: 55px;



	background: url(../images/ys_bor.png) no-repeat 0 54px;



}



.ys_con .ys_txt p{



	font-size: 16px;



	color: #4c4c4c;



	line-height: 30px;



	margin-top: 30px;



	margin-bottom: 30px;



}



.ys_con .ys_txt a{



	display: block;



	width: 162px;



	height: 46px;



	background: #e4141d;



	text-align: center;



	line-height: 46px;



	color: #fff;



}



.ys_menu>ul{



	width: 1180px;



	height: 60px;



	overflow: hidden;



	margin-top: 56px;



}



.ys_menu>ul li{



	float: left;



	width: 370px;



	height: 60px;



	background: #bfbfbf;



	color: #4c4c4c;



	font-size: 24px;



	font-weight: bold;



	text-align: center;



	line-height: 60px;



	margin-left: 30px;



	transition: all .2s;



}



.ys_menu>ul li:first-child {



	margin-left: 0;



}



.ys_menu>ul li:hover,.ys_menu>ul li.ys_hd{



	background: #0066cc;



	color: #fff;



}











/*partner*/



.par_con{



	width: 1180px;



	height: 320px; 



	margin: 0 auto;



	overflow: hidden;



}



.par_con>ul{



	overflow: hidden;



	margin-top: 30px;



}



.par_con ul li{



	width: 222px;



	height: 122px;



	float: left;



	margin-left: 20px;



	position: relative;



}



.par_con ul li em{



	width: 220px;



	height: 120px;



	border: solid #eee 1px;



	display: block;



	overflow: hidden;



}



.par_con ul li em img{



	width: 220px;



	height: 120px;



	-webkit-transition: all 0.4s ease-in-out;



    -moz-transition: all 0.4s ease-in-out;



    transition: all 0.4s ease-in-out;



    -webkit-transform: scale(1);



    -moz-transform: scale(1);



    -ms-transform: scale(1);



    -o-transform: scale(1);



    transform: scale(1);



}



.par_con ul li:hover em img{



  -webkit-transform: scale(1.2);



  -moz-transform: scale(1.2);



  -ms-transform: scale(1.2);



  -o-transform: scale(1.2);



  transform: scale(1.2);



}



.par_con ul li span{



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



  color: #fff;



  text-align: center;



  font-size: 14px;



  line-height: 120px;



  background: #333333;



  background: rgba(0, 0, 0, 0.6);



  visibility: hidden;



  opacity: 0;



  pointer-events: none;



  -webkit-transition: all 0.35s ease-in-out;



  -moz-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;



}



.par_con ul li:hover span{



	visibility: visible;



    opacity: 1;



}



.par_con ul li span {



  -webkit-transform: translateY(100%);



  -moz-transform: translateY(100%);



  -ms-transform: translateY(100%);



  -o-transform: translateY(100%);



  transform: translateY(100%);



}



.par_con ul li:hover span {



  -webkit-transform: translateY(0);



  -moz-transform: translateY(0);



  -ms-transform: translateY(0);



  -o-transform: translateY(0);



  transform: translateY(0);



}











/*x_banner2*/



.sm_box2{



	width: 100%;



	height: 236px;



	margin-top: 30px;



	background:url(../images/x_banner2.jpg) no-repeat center;



}



.sm_con2{



	width: 1180px;



	height: 236px;



	margin: 0 auto;



	position: relative;



}



.sm_con2 h4{



	font-size: 22px;



	font-weight: bold;



	color: #044e97;



	position: absolute;



    top: 63px;



    left: 12%;



}



.sm_con2 h4 span{



	color: #e4141d;



}



.sm_con2 h5{



	font-size: 18px;



	color: #000;



	font-weight: bold;



	position: absolute;



    bottom: 62px;



    left: 23%;



}



.sm_con2 p{



	font-size: 14px;



	color: #333;



	font-weight: bold;



	text-align: center;



	position: absolute;



	top: 56px;



	right: 40px;



}



.sm_con2 p span{



	font-size: 24px;



	font-weight: normal;



	color: #044e97;



}



.sm_con2 a{



	display: block;



	width: 164px;



	height: 40px;



	background: #e4141d;



	color: #fff;



	text-align: center;



	line-height: 40px;



	position: absolute;



    bottom: 54px;



    right: 32px;



}



.sm_con2 a:hover{



	border-radius: 20px;



}







/*case*/



.case{



	width: 1180px;



	margin: 0 auto;



}



.case_con{



	overflow: hidden;



	margin-top: 20px;



	margin-bottom: 30px;



}



.case_l{



	float: left;



	width: 174px;



}



.case_l>ul>li{



	width: 174px;



	height: 108px;



	background: #044e97;



	margin-top: 1px;



	transition: all .4s;



}



.case_l>ul>li:first-child{



	margin-top: 0px;



}



.case_l>ul>li a{



	background: url(../images/case_icon.png) no-repeat 64px 18px;



	padding-top: 72px;



	display: block;



	text-align: center;



	font-size: 18px;



	color: #fff;



	transition: all .4s;



}



.case_l>ul>li:hover,.case_l>ul>li.anli_niu{



	background: #e4141d;



}



.case_r{



	width: 1006px;



	float: left;



}



.case_r ul li{



	float: left;



	margin-left: 10px;



	margin-bottom: 23px;



	width: 220px;



	height: 154px;



	position: relative;



	transition: all .4s;



}



.case_r ul li img{



	width: 220px;



	height: 154px;



}



.case_r ul li:first-child{



	width: 510px;



	height: 327px;



	position: relative;



}



.case_r ul li:first-child img{



	width: 510px;



	height: 327px;



}



.case_r ul li span{



	position: absolute;



	top:0;



	left: 0;



	background: url(../images/ico1.png);



	width: 100%;



	height: 154px;



	text-align: center;



	display: block;



	line-height: 154px;



	font-size: 18px;



	color: #fff;



	display: none;



	transition: all .4s;



}



.case_r ul li:first-child span{



	position: absolute;



	top:0;



	left: 0;



	background: url(../images/ico1.png);



	width: 100%;



	height: 327px;



	text-align: center;



	display: block;



	line-height: 327px;



	color: #fff;



	display: none;



}



.case_r ul li:hover span{



	display: block;



}



.case_r ul li:hover,.case_r ul li:first-child:hover span{



	display: block;



}







/*x_banner3*/



.sm_box3{



	width: 100%;



	height: 200px;



	clear: both;



	background: url(../images/x_banner3.jpg) no-repeat center;



}



.sm_con3{



	width: 1180px;



	height: 200px;



	margin: 0 auto;



	overflow: hidden;



	position: relative;



}



.sm_con3 h4{



	font-size: 24px;



	color: #fff;



	margin-top: 50px;



	margin-left: 70px;



}



.sm_con3 h4 span{



	color: #f8fb03;



}



.sm_con3 h4 em{



	font-weight: bold;



}



.sm_con3 ul{



	overflow: hidden;



	margin-top: 30px;



	margin-left: 40px;



}



.sm_con3 ul li{



	float: left;



	border: solid #fff 1px;



	padding: 4px 20px;



	color: #fff;



	font-size: 16px;



	border-radius: 5px;



	margin-left: 25px;



}







.sm_con3 p{



	font-size: 16px;



	color: #fff;



	line-height: 36px;



    position: absolute;



    right: 70px;



    top: 40px;



}



.sm_con3 p span{



	font-size: 24px;



	color: #fff;



}



.sm_con3 a{



	display: block;



	width: 180px;



	height: 36px;



	background: #e4141d;



	color: #fff;



	text-align: center;



	line-height: 36px;



	position: absolute;



    bottom: 36px;



    right: 53px;



}



.sm_con3 a:hover{



	border-radius: 20px;



}







/*客户见证*/



.kh_box{



	width: 100%;



	height: 578px;



	clear: both;



}



.kh{



	width: 1180px;



	height: 578px;



	margin: 0 auto;



	overflow: hidden;



}



.kh h3 a{



	width: 1180px;



	height: 70px;



	display: block;



	background: url(../images/kh_ti.jpg) no-repeat center top;



	text-align: center;



    font-size: 18px;



    font-weight: bold;



    color: #333;



    padding-top: 58px;



}



.kh_con{



	width: 1180px;



	overflow: hidden;



}



.kh_l{



	float: left;



	margin-left: 30px;



}



.kh_l img{



	width: 435px;



	height: 270px;



	display: block;



}



.kh_txt_l{



	width: 435px;



	height: 128px;



	box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.27);



	overflow: hidden;



}



.kh_txt_l h4 a{



	width: 395px;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	font-size: 16px;



	color: #1a1a1a;



	display: block;



	line-height: 40px;



	margin-left: 20px;



	margin-top: 15px;



}



.kh_txt_l p{



	width: 395px;



	height: 48px;



	line-height: 24px;



	overflow: hidden;



	color: #4c4c4c;



	font-size: 14px;



	margin-left: 20px;



}



.kh_r{



	width: 670px;



	float: left;



	margin-left: 40px;



}



.kh_r ul{



	overflow: hidden;



}



.kh_r ul li{



	overflow: hidden;



	margin-bottom: 20px;



	height: 122px;



}



.kh_r ul li img{



	width: 158px;



	height: 120px;



	float: left;



}



.kh_txt_r{



	float: left;



	width: 485px;



	height: 120px;



	box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.27);



	margin-left: 20px;



}



.kh_txt_r h4 a{



	width: 395px;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	font-size: 16px;



	color: #1a1a1a;



	display: block;



	line-height: 40px;



	margin-left: 20px;



	margin-top: 15px;



}



.kh_txt_r p{



	width: 395px;



	height: 48px;



	line-height: 24px;



	overflow: hidden;



	color: #4c4c4c;



	font-size: 14px;



	margin-left: 20px;



}











/*about us*/



.us_box{



	width: 100%;



	height: 620px;



	background:url(../images/us_bg.jpg) no-repeat;



}



.us{



	width: 1180px;



	height: 620px;



	margin: 0 auto;



	overflow: hidden;



}



.us_l{



	margin-top: 50px;



	margin-left: 50px;



	width: 322px;



	height: 524px;



	float: left;



	border: solid #044e97 4px;



	position: relative;



}



.us_l h4{



	font-size: 18px;



	color: #333;



	text-align: center;



	line-height:50px;



	font-weight: bold;



}



.us_l h3 a{



	width: 300px;



	height: 70px;



	display: block;



	margin-top: 20px;



	font-size: 48px;



	color: #044e97;



	text-align: center;



	border-bottom: dashed #333 1px;



	margin-left: 11px;



	font-weight: bold;



}



.us_l p{



	font-size: 14px;



	color: #333;



	line-height: 24px;



	text-align: center;



	margin-top: 20px;



}



.us_l img{



	width: 276px;



	height: 230px;



	position: absolute;



	left: 23px;



	bottom: 23px;



}



.us_txt{



	float: right;



	margin-top: 50px;



	margin-right: 40px;



	position: relative;



}



.us_txt p{



	width: 730px;



	height: 150px;



	overflow: hidden;



	font-size: 14px;



	color: #333;



	line-height: 30px;



}



.us_txt a{



	display: block;



	width: 140px;



	height: 40px;



	border: solid #044e97 1px;



	text-align: center;



	line-height: 40px;



	font-size: 14px;



	color: #044e97;



	position: absolute;



	right: 10px;



	top:170px;



}



.us_txt a:hover{



	background: #044e97;



	color: #fff;



}



.us_r_b{



	float: right;



	width: 735px;



	height: 300px;



	margin-right: 40px;



}



.us_menu{



	margin-top: 120px;



	margin-left: 200px;



	width: 735px;



	height: 42px;



	overflow: hidden;



}



.us_menu ul {



	overflow: hidden;



}



.us_menu ul li{



	float: left;



	margin-left: 30px;



}



.us_menu ul li a{



	font-weight: bold;



	display: block;



	width: 120px;



	height: 42px;



	background: #e4141d;



	font-size: 16px;



	color: #fff;



	line-height: 42px;



	text-align: center;



}



.us_menu ul li a:hover ,.us_menu ul .us_m_ti a{



	background: #044e97;



}



.us_tab ul {



	overflow: hidden;



	margin-top: 30px;



}



.us_tab ul li{



	float: left;



	width: 226px;



	height: 200px;



	margin-left: 30px;



}



.us_tab ul li img{



	width: 226px;



	height: 164px;



}



.us_tab ul li span{



	display: block;



	line-height: 40px;



	font-size: 14px;



	color: #4c4c4c;



	text-align: center;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



}







/*news*/



.new{



	width: 1180px;



	margin: 45px auto;



	overflow: hidden;



}



/* question */



.question{width:370px; float:left;}



.question .con_news_t{ margin:0;width:400px; height: 40px; border-bottom: solid #044e97 2px;}



.question .con_news_t h3{ color: #b2b2b2; font-size: 12px; float: left;line-height: 40px;}



.question .con_news_t h3 a{font-size: 18px; color: #044e97;line-height: 40px;}



.question .con_news_t  span{ float:right;}



.question .con_news_t span a{ font-size:12px; color:#b2b2b2; line-height:40px;}



.faq {width:390px;height:430px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:10px;}



.faq .contant {position:relative;height:430px;}



.faq .faq-c{ position:relative;}



.faq .faq-c .faq-l {margin-bottom:20px;clear:both;overflow:hidden; border-bottom:1px dashed #cfcfcf; }



.faq .faq-c .faq-l .faq-w span{width: 18px;height: 18px;line-height:18px;text-align:center;float:left;margin-bottom:10px;background:url(../images/Q.png) no-repeat center top;}



.faq .faq-c .faq-l .faq-d span{clear:both;color:#fff;width: 18px;height: 18px;line-height:18px;text-align:center;float:left;margin-bottom:10px;background:url(../images/A.png) no-repeat center;margin-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}



.faq .faq-c .faq-l .faq-w p {float:right;line-height: 23px;width: 320px;margin:0;color: #333333;font-size: 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-right: 30px;}



.faq .faq-c .faq-l .faq-d p {float:right;width: 320px;height:80px;line-height:25px;margin:0;color: #808080;overflow:hidden;  margin-right: 30px;}







.new_con{



	width: 722px;



	float: left;



	margin-left: 68px;



}



.new_menu{



	width: 722px;



	height: 40px;



	border-bottom: solid #044e97 2px;



}



.new_menu>ul{



	overflow: hidden;



}



.new_menu>ul li{



	float: left;



	margin-right: 30px;



	color: #b2b2b2; 



	font-size: 12px; 



	line-height: 40px;



}



.new_menu>ul li a{



	font-size: 18px; 



	color: #044e97;



	line-height: 40px;



}



.new_menu ul li a:hover,.new_menu ul li.selected a{



	font-weight: bold;



}



.new_nr{



	overflow: hidden;



}



.new_nr img{



	margin-top: 14px;



	width: 342px;



	height: 436px;



	display: block;



	float: left;



}



.new_tuijian{



	width: 340px;



	float: left;



	margin-left: 24px;



	margin-top: 40px;



}



.new_tuijian h4 a{



	font-weight: bold;



	color: #1a1a1a;



	line-height: 40px;



	white-space: normal;



	overflow: hidden;



	text-overflow: ellipsis;



}



.new_tuijian h4 a:hover{



	color: #044e97;



}



.new_tuijian p{



	font-size: 14px;



	color: #666666;



	line-height: 28px;



	width: 340px;



	height: 84px;



	overflow: hidden;



}



.new_nr ul{



	float: left;



    margin-left: 24px;



    margin-top: 38px;



}



.new_nr ul li{



	width: 340px;



	height: 40px;



	border-bottom: dashed #e1e1e1 1px;



}



.new_nr ul li a{



	display: block;



	line-height: 40px;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	color: #333;



}



.new_nr ul li:hover a{



	color: #044e97;



}











/*LINK*/



.link{



	width: 1180px;



	margin: 0 auto;



	overflow: hidden;



	clear: both;





	line-height: 40px;



	margin-bottom: 10px;



}



.link h4{font-size: 16px; color: #333; margin-left: 20px;}



.link h4 span{



	font-weight: bold;



	color: #044e97;



}



.link ul{



	overflow: hidden;



	margin-top: -20px;



}



.link ul li{



	float: left;



	margin: 20px;



}



.link ul li a{



	color: #333;



	line-height: 40px;



}



.link ul li:hover a{



	color: #044e97;



}