/* 海报 */
.banner {z-index:1; position:relative;overflow: hidden;}
.flexslider {position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides {position:relative;}
.flex-control-nav {position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li {display:inline-block;width:90px;height:2px;margin:0 5px;*display:inline;zoom:1;position: relative;}
.flex-control-nav a {opacity: 0.5; display:inline-block;width:90px;height: 2px;overflow:hidden;background-color: #fff;cursor:pointer; text-indent: -99em;}
.flex-control-nav .flex-active {background-color: #4a4947;opacity: 1;}
.flex-direction-nav {position:absolute;z-index:3;width:100%;top:45%;display: none;}
.flex-direction-nav li a {display:block;width:58px;height:77px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev {left:50%;margin-left:-600px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:50%;margin-right:-600px; background:url(../images/next.png)center center no-repeat;}
.flex-direction-nav li{}

#byl_k{
	padding-top: 40px;background: url(../images/line_01.jpg)#fff repeat-x center top; padding-bottom:130px;
}
.byl_k_left{width:40%; float:left; text-align:right;}
.byl_k_right{width:52%; float:right;line-height:40px; font-weight:100; font-size:20px; padding-top:30px;}


.about_conser{width:100%;position:absolute; margin-top:230px; }
.about_con{width:85%;padding-top:0.6rem;background: url(../images/iljs41.jpg?1200) no-repeat center center; padding-top:60px; padding-bottom:20px;float:right; margin-top:40px; }
.about_con_er{width:1200px;margin:0 auto;}
.about_conleft{width:300px;height:auto; float:left; overflow:hidden; font-weight:400;color: #f4f4f4; margin-left:60px; }
.about_conleft span{font-size:50px;line-height:60px; margin-bottom:40px; display:inline-table}
.about_conleft p{font-size:20px;color: #fff;line-height:40px;}

.about_conleftn{width:300px;height:auto; float:left; overflow:hidden; font-weight:400;color: #f4f4f4; margin-left:60px; }
.about_conleftn span{font-size:50px;line-height:60px; margin-bottom:40px; display:inline-table}
.about_conleftn p{font-size:14px;color: #fff;line-height:30px;}


.about_conright{height:auto;line-height:40px; margin-left:500px; overflow:hidden;color: #e8e8e8; padding:10px 50px 0px 50px;font-size:16px; }
.about_conright img{border-radius: 10px;}

.more_about{ 
	margin-top: 30px;

	color: #333;
	font-size: 20px;
	text-align: center;
	line-height: 28px;
	border-radius: 50%;
	width: 30px;
	height:30px;
	background-color: #e3e1d8; font-weight:bold
}
.more_about:hover{background-color: #333333;color:#fff}

.more_gg{ 
	margin-top: 30px; float:right;
	color: #333;
	font-size: 20px;
	text-align: center;
	line-height: 28px;
	border-radius: 50%;
	width: 30px;
	height:30px;
	background-color: #e3e1d8; font-weight:bold
}
.more_gg:hover{background-color: #333333;color:#fff}



.qqcybjcon{width:100%;background:url(../images/qq_bg.jpg?1102) no-repeat center center #fff;color:#fff; float:right; padding-top:50px; margin-top:0px; margin-bottom:50px;}
.qqcybjcon_tit{ margin-left:10%; font-size:32px; font-weight:300;color:#e3e1d8}
.qqcybjcon_ny{width:100%;margin:0 auto; padding:0px 0px 30px 0px}
.qqcybjcon_ny li{color:#fff; text-align:center;font-size:18px; line-height:85px;}
.qqcybjcon_ny li i{ font-size:65px; font-weight:bold;padding-left:150px;}

.qqcybjcon_jj{width:100%;}
.qqcybjcon_jj_left{width:800px; float:left}
.qqcybjcon_jj_left img{width:800px}
.qqcybjcon_jj_right{ width: calc(100% - 800px);width: -moz-calc(100% - 800px);width: -webkit-calc(100% - 800px);
float:right;background-color: #fff; margin-top:160px;color:#333; padding-left:80px;line-height:40px; font-size:18px; padding-top:40px;



}

.qqcybjcon_jj_right_con{width:300px;}






.hxjs_con{ width:100%; height:585px; background:url(../images/i_hbkj_img_bg.jpg) no-repeat 50% top #d0d0d0;}
.hxjs_con_er{ width:330px; height:auto; padding:65px 10px 0 0;}
.hxjs_con_er span{ font-size:30px; line-height:55px; color:#000; font-weight:bolder; display:inline-table; margin-bottom:60px; padding-top:20px;}
.hxjs_con_er p{ font-size:15px; line-height:30px; color:#4c4c4c;}




.iirz{ width:100%; height:678px; overflow:hidden; background:url(../images/ii_rz_bg.jpg) no-repeat center center #fff;}
.iirz .iirzc{ padding-top:65px;}
.iirz .iirzc .list{ margin-bottom:75px;}
.iirz .iirzc .list .tit{font-weight: 700;font-size: 36px;color: #333; line-height:45px; margin-bottom:5px;}
.iirz .iirzc .list .info{font-weight: 400;font-size: 24px; color:#000; line-height:38px;}





 .join04 {
        padding: 0px 0 0;
        margin-bottom: 60px; margin-top:30px;
    }
    
    .join04_01 {
        background: #f1f2f6;
        width: 100%;
        margin: 0px 0 0px;
        height: auto;
    }
    
    .join04 dl dt {
        width: 50%;
        line-height: 0;
        float: left;
        height: auto;
        overflow: hidden;
    }
    
    .join04 dl dt img {
        width: 100%;
        display: block;
    }
    
    .join04 dl dd {
        width: 36%;
        float: left;
        padding: 3.5rem 0 0 3%;
    }
    
    .join04 dl dd h5 {
        font-family: "Microsoft YaHei UI";
        color: #e9eaee;
        text-transform: uppercase;
        font-weight: normal;
    }
    
    .join04 dl dd h5 span {
        font: 65px "Microsoft YaHei UI";
        font-weight: bold;
    }
    
    .join04 dl dd h5 em {
        display: block;
        font-style: normal;
        font-size: 34px;
        position: relative;
        margin-top: -30px;
        color: #000;
        height: 45px;
        font-weight: bold; margin-bottom:30px;
    }
    
    .join04 dl dd h5 i {
        font-style: normal;
        display: block;
        font-size: 18px;
        color: #000;
        margin-top: 5px;
        margin-bottom: 40px;
    }
    
    .join04 dl dd p {
        font-size: 14px;
        color: #000;
        line-height:30px;
    }
    
    .join04_02 {
        background: #f1f2f6;
    }
    
    .join04_02 dl dt {
        float: right;
    }
    
    .join04_02 dl dd {
        padding-left: 10%;
    }














#news{
	background-color: #e3e1d8;
	padding-bottom: 45px;
}
.news_nav_list a{
	display: block;
	margin-bottom: 55px;
}
.news_nav_list a h5{
	color: #333333;
	font-size: 18px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	
}
.news_nav_list a p{
	font-size: 14px;
	color: #999999;
	font-weight: 100;
}
.news_nav_list a:nth-of-type(1) h5{
	border-bottom: 1px solid #cccccc;
}
.news_list_info{
	width: 69%;
}
.news_list_info li{
	width: 48%;
}
.newsFont{
	line-height: 120px;
	background-color: #FFF;
	color: #666666;
	font-size: 20px;
	font-weight: 100;
	text-align: center;
}
@media screen and (max-width: 1700px){
	.news_btn h6{
		margin-bottom: 50px;
	}
}

.secondmenu5{
	background-color: #fff;
	padding-top: 35px;
	padding-bottom: 45px;
}
.ine-icon{
	padding-bottom: 15px;
}
.secondmenu5 li img{
	filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4
}
.ine-icon .cur{
	display: none;
}
.secondmenu5 li{
	flex: 1;
	text-align: center;
	color: #333333;
}
.secondmenu5 li .zhekou1{
	padding-bottom: 5px;	color: #8b8a8a;
}
.secondmenu5 li:hover .zhekou1{
	padding-bottom: 5px;	color: #333333;
}
.secondmenu5 li p{
	font-size: 12px;
	font-weight: 100;
}
.secondmenu5 li:hover img{
	filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1
}

.cont-top-1 {
    text-align: center;  padding-top:65px;
}

.cont-top-1 h2 {
    font-size: 3.125rem;
    margin-bottom: 1.9375rem;
    font-weight: 200;
}

.cont-top-1>div {
    font-size: 1.625rem;
    margin-bottom: 65px;
    font-weight: 200;
    color: #666;
}

.indexcase{
	display: block;
	margin-top: 60px;
}

.widbox{max-width: 1500px;width: 95%;
	margin: 0 auto;}
	.newspag{
	background-color: #f2f2f2;
	padding-top: 0px;
	padding-bottom: 70px;
}
.news{
	background-color: #f2f2f2;
	padding-top: 10px;
	padding-bottom: 0px;
}
.time_box{
	width: 25%;
	text-align: center;
	border-right: 1px solid #aaa;
}
.time_box h6{
	color: #313131;
	font-size: 48px;
}
.time_box p{
	color: #999999;
	font-size: 14px;
	font-weight: 100;
}
.news_fon_info{
	width: 70%;
	
}
.news_fon_info p{
	color: #999999;
	font-size: 14px;
	font-weight: 100;line-height:25px;
}
.news_fon_info h4{
	color: #222222;line-height:30px;font-weight: 600;font-size: 16px;
}
.news_font{
	background-color: #FFF;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 5%;
}
.news ul li a em{
	display: block;
	color: #999999;
	background: url(../images/ico03s.png) no-repeat  120px 12px;
	background-color: #FFF;
	padding-left: 35px;
	padding-top: 15px;
	padding-bottom: 40px;
}


.news ul li{
	width: 32%; margin-bottom:30px;
}
/* 如果最后一行是3个元素 */
.news ul li:last-child:nth-child(3n - 1) {
  margin-right: calc(32% + 4% / 2);
}
/* 如果最后一行是2个元素 */
.news ul li:last-child:nth-child(3n - 2) {
  margin-right: calc(64% + 8% / 2);
}
.newstp{height:280px; overflow:hidden}
.newstp img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.news ul li:hover .newstp  img{    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);}
.news ul li:hover .news_font,.news ul li:hover em{background-color: #f9f9fa;}
.moreNews{
	display: block;
	margin-top: 38px;
	margin-left: auto;
	margin-right: auto;
	color: #333333;
	font-size: 14px;
	text-align: center;
	border: 1px solid #999999;
	line-height: 50px;
	border-radius: 25px;
	width: 205px;
}
.moreNews:hover{background-color: #333333;color:#fff}




.protit{
    position: absolute;
    top: 0;
}
.protit h6{
	color: #333333;
	font-size: 24px;
}
.protit p{
	color: #666666;
	font-size: 14px;
}
.protit a{
	width: 167px;
	height: 48px;
	display: block;
	border: 1px solid #999999;
	font-size: 14px;
	text-align: center;
	line-height: 48px;
	margin-top: 20px;
}



/* tour */
#tour{z-index:1;position:relative;padding:80px;position:relative;z-index:1;padding-top:0;min-height:500px;background-image:url(../images/pattern.png);background-repeat:repeat-x;background-position:center bottom;margin-top:-50px;padding-top:80px;}

#img-slider .slide{width:100%;background:#fff;position:absolute;}
#img-slider .slide .img{margin:10px auto;border:none;}
#img-slider .img{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 0 rgba(204,205,206,5);-moz-box-shadow:0 1px 0 rgba(204,205,206,5);-ms-box-shadow:0 1px 0 rgba(204,205,206,5);box-shadow:0 1px 0 rgba(204,205,206,5);border:1px solid #edeeee;background-color:#fff;width:780px;height:500px;position:relative; overflow:hidden}
#img-slider .img img{display:block;width:100%;}
#img-slider .img .label{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;background:#009ceb;padding:2.5% 0;position:absolute;bottom:0;left:0;right:0;font-weight:400;text-align:center;color:#fff;font-size:150%;}
#img-slider .img:first-child{display:block;}

.switcher-wrap{position:relative;padding-bottom:60px;padding-left:80px;padding-right:80px;}
.switcher-wrap.slider{padding-left:380px;padding-right:380px;}
.switcher-wrap.slider #img-slider .img{-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.4);-moz-box-shadow:0 4px 20px rgba(0,0,0,0.4);-ms-box-shadow:0 4px 20px rgba(0,0,0,0.4);box-shadow:0 4px 20px rgba(0,0,0,0.4);border-color:#fff;}
.switcher-wrap a.next,.switcher-wrap a.prev{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;bottom:0;left:0;background:url(../images/sprites.png) no-repeat 16px 12px;z-index:1000;-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;}
.switcher-wrap a.next:hover,.switcher-wrap a.prev:hover{background-color:rgba(0,156,235,0.1);}
.switcher-wrap a.prev{right:0;left:auto;background-position:-63px 12px;}
.switcher-wrap ul.switcher{text-align:center;position:absolute;left:0;right:0;bottom:0;}
.switcher-wrap ul.switcher li{display:inline-block;padding:2px;border:1px solid #009ceb;border-radius:100%;margin:0 4px;}
.switcher-wrap ul.switcher li a{display:block;width:14px;height:14px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-o-transition:background 0.30s ease-in-out;-webkit-transition:background 0.30s ease-in-out;-moz-transition:background 0.30s ease-in-out;transition:background 0.30s ease-in-out;}
.switcher-wrap ul.switcher li a:hover,.switcher-wrap ul.switcher li.active a{background:#009ceb;}
.switcher-wrap ul.switcher li:last-child{margin-right:0;}


.pro_list{ padding-top:20px;}
.pro_list_left{ float:left; width:265px;background-color:#f6f6f6;  padding:7px 10px;}
.pro_list_left_mid_1{
position:relative; border-bottom:1px #cccccc solid; padding-bottom:10px;height:40px;line-height:40px;}
.pro_list_left_mid_2 ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#666;}
.pro_list_left_mid_2 ul li{
height:40px;line-height:40px;}
.pro_list_left_mid_2{
margin-top:1em; margin-bottom:3em;}
.pro_list_left_mid_2 ul li a:hover,.pro_list_left_mid_2 ul li a.on{
color:#000; font-weight:bold}

.pro_list_left_mid_3{ margin-left:15px; margin-bottom:30px;}
.pro_list_left_mid_3 ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#666;}
.pro_list_left_mid_3 ul li{width:50%; float:left;
height:40px;line-height:40px;border-left:1px #cccccc solid; padding-left:15px;background: url(../images/prolm_bg.jpg) no-repeat  left center;}
.pro_list_left_mid_3 ul li a:hover,.pro_list_left_mid_3 ul li a.on{
color:#000;font-weight:bold}


.pro_list_right{ margin-left:290px;}

.flexwidth2{margin:0 auto;max-width:1550px;}




.case_list{

	padding-top: 40px;
	padding-bottom: 0px;
}

.case_list_fon_info{
	width: 94%;
	
}
.case_list_fon_info p{
	color: #999999;
	font-size: 14px;
	font-weight: 100;line-height:25px;
}
.case_list_fon_info h4{
	color: #222222;line-height:30px;font-weight: 600;font-size: 18px;
}
.case_list_font{
	background-color: #FFF;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 5%;
}
.case_list ul li a em{
	display: block;
	color: #999999;
	background: url(../images/ico03s0.png) no-repeat  120px 12px;
	background-color: #FFF;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 14px;
}


.case_list ul li{
	width: 24%; margin-bottom:30px;position:relative; border-bottom:1px #ececec solid; float: left;
}
/* 如果最后一行是3个元素 */
.case_list ul li:last-child:nth-child(4n - 1) {
  margin-right: calc(24% + 4% / 3);
}
/* 如果最后一行是2个元素 */
.case_list ul li:last-child:nth-child(4n - 2) {
  margin-right: calc(48% + 8% / 3);
}
.case_list ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#000;}
.case_list ul li:hover:after{
width:100%;}
.casetp{ overflow:hidden}
.casetp img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.case_list ul li:hover .casetp  img{    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);}
    
.newscon {
    font-size: 0.3rem;
    line-height: 0.6rem;
    color: #808080;
    padding-bottom: 3.64vw;
    text-align: left;
    padding-top: 3.64vw;
}
.newsconprol {
    width: calc(45% - 2px);
    display: block;
    float: left;
    border: 0px solid #eee;
}
.newsconpror {
    width: 52%;
    display: block;
    float: right;
    margin-left: 3%;
    box-sizing: border-box;
    text-align: left;
}
.newsconpror .text {
    width: 100%;
    box-sizing: border-box;
}
.newsconpror .text em {
    line-height: 80px;
    font-size: 30px;
    color: #333; margin-bottom:20px;
}
.newsconpror .text .intro i {
    padding: 20px 0;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    display: flex; font-style: normal;
}
.newsconpror .text .intro .introp {
    padding: 15px 0;
    line-height: 35px;
    font-size: 16px;
}
.btn_a a {
    display: inline-block;
    margin-right: 8px;
    margin-top: 10px;
    padding: 0 20px;
    line-height: 35px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
}
.containered {
    width: 100%;
    margin-top: 15px;
}
.contitle {
    padding: 20px 0;
    background-color: #f4f4f4;
    text-align: center;
    color: #333;font-size: 18px;
}
.contitle .en {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}

.proconner{
    margin:20px auto;
}

.proconner img{
    display: block;
    margin: 0 auto;
      max-width: 1200px; 
  height:auto; 
  width:expression(this.width > 1200 ? "1200px" : this.width);
}