﻿/* Theme style */
#ib_img{
    display:none !important;
}
.nowrap{
    display:block;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
}
.full_width{
    margin: auto -100%;
    padding-left: 100%;
    padding-right: 100%;
    width: 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    padding-top:35px;
    padding-bottom:35px;
}
.header{
    background-color: transparent;
    z-index: 1000;
}
.home .header{
    position: absolute;
    width: 100%;   
}
.header .header_container{ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    background-color:rgba(255,255,255,0.1);
}
.logo_container a{
    display: block;
    text-align: center;
    padding-top: 25px;
    padding-bottom:25px;
    padding-left:20px;
    padding-right: 20px;
    width:100%;
}
.nav_top{
    padding:15px 25px 2px;
    text-align: right;
}
.nav_top a{
    color:#666;
    display: inline-block;
    margin-left:20px;
    font-size:13px;
}
.home .nav_top a{
    color:#aaa;
}
.nav_top a.lan{
    border:1px solid #ee6b01;
    color:#ee6b01 !important;
    background-color: transparent;
    padding: 0px 15px;
    font-size: 12px;
    margin-left: 10px;
}
.nav_top a.lan.active{
    background-color:#ee6b01;
    color:#fff !important; 
}
.nav_top a.lan:hover{
    background-color:#ee6b01;
    color:#fff !important;
}
.navbar-toggle .icon-bar{
    background-color:#666;
}
.home .navbar-toggle .icon-bar{
    background-color: #fff;
}
.nav{
    margin-bottom:0px;
    border:none;
}
.nav a{
    color:#666;
    font-size:16px;
    background-color:transparent !important;
}
.nav .page-nav-ul{
    position: relative;
    padding-top:4px;
}
.nav .page-nav-ul .sub-menu.dropdown-menu{
    border-radius: 0px;
    border-top: 3px solid #ee6b01;
    background-color: rgba(255,255,255,0.8);
    top:73px;
    padding-top:10px;
    padding-bottom:10px;
    display: block;
    visibility: hidden;
    filter:alpha(opacity=0);
    opacity: 0;
    transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;	/* Firefox 4 */
    -webkit-transition: opacity 0.8s ease;	/* Safari and Chrome */
    -o-transition: opacity 0.8s ease;	/* Opera */
}
.nav .page-nav-ul .menu-item#nav-menu-item-75>.sub-menu.dropdown-menu{
    left:auto;
    right:0px;
}
.nav .page-nav-ul .sub-menu.dropdown-menu > .menu-item >a{
    color: #666;
    font-size: 16px;
    padding: 16px 145px 16px 30px;
    border-top: 1px solid #ddd;
    position: relative;
}
.nav .page-nav-ul .sub-menu.dropdown-menu > .menu-item:first-child >a{
    border-top:1px solid transparent;
}
.nav .page-nav-ul .sub-menu.dropdown-menu > .menu-item >a{
   background: url(../images/geng.png) no-repeat 190px;
   background-size:20px 20px;
}
.nav .page-nav-ul .sub-menu.dropdown-menu > .menu-item:hover >a{
    background: #ee6b01  url(../images/geng1.png) no-repeat 190px!important;background-size:20px 20px!important;
    color:#fff;
    border-top:1px solid #ee6b01;
}
.phone h1{margin-top: 30px; font-size:16px;color:#444444;background: url(../images/phone.png) no-repeat left 6px; background-size:20px 20px;padding-left:24px;}
.phone h1 e{font-size:24px;color:#01479c;font-family: impact;}
.nav .page-nav-ul .sub-menu.dropdown-menu > .menu-item:hover >a:after{
    color:#fff;
}
.nav .page-nav-ul .menu-item.has_sub:hover > .sub-menu{
    visibility: visible;
    filter:alpha(opacity=100);
    opacity: 1;
}
.nav .page-nav-ul>.menu-item{padding:0 15px;}
.nav .page-nav-ul>.menu-item>a{
    padding-left: 20px;
    padding-right:20px;
    padding-bottom:10px;
    border-bottom:2px solid transparent;
    position: relative;
}
.nav .page-nav-ul>.menu-item>a span{color:#fff;display:block;}
.nav .page-nav-ul>.menu-item>a i{display:block;color:#fff;font-size:12px;text-align: center;line-height: 28px;}
.nav .page-nav-ul>.menu-item>a:after{
    content: " ";
    position: absolute;
    width: 1px;
    height: 12px;
    right: -30px;
    top: 19px;
    background-color: #777;
}

.nav .page-nav-ul>.menu-item>a:hover, .nav .page-nav-ul>.menu-item.current>a, .nav .page-nav-ul>.menu-item.active>a {
    background-color:transparent !important;
    color:#ee6b01;
    border-bottom:2px solid #ee6b01;
}
.nav .page-nav-ul>.menu-item.current>a span{color:#ee6b01}
.nav .page-nav-ul>.menu-item.current>a i{color:#ee6b01}
.nav .page-nav-ul>.menu-item>a:hover span{color:#ee6b01}
.nav .page-nav-ul>.menu-item>a:hover i{color:#ee6b01}
.home .nav a{
    color:#eee;
}
#header_fix{
	width: 100%;
	background-color: #fff;
	z-index: 1001;
	display: block;
    position: fixed !important;
    top:-150%;
	transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;	/* Firefox 4 */
    -webkit-transition: all 0.6s ease;	/* Safari 和 Chrome */
    -o-transition: all 0.6s ease;	/* Opera */	
}

#header_fix.isFix{
	top:0px;
}
#header_fix .nav>.menu-item>a{
	color:#666;
}
#header_fix .nav-search .fa{
	color:#666;
}
.nopadding{
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="search"],textarea{
    font-size:16px;
    line-height: 34px;
    padding:0px 15px;
    color:#666;
    border-radius: 0px;
    background-color:#fff;
    border:1px solid #fff;
    width:100%;
    text-align: left;
}
.form_row input[type="text"],.form_row input[type="email"],.form_row input[type="tel"],.form_row input[type="password"],.form_row input[type="search"],.form_row textarea{
    line-height: 40px;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="submit"]:focus,textarea:focus{
    border-color:#ee6b01 !important;
    box-shadow: none !important;
    outline: 0px !important;
}
.wpcf7{
	padding-top:8px;
	padding-bottom: 8px;
}
.wpcf7 div[class*="col-sm-"]{
	padding-left: 0px;
	margin-bottom: 15px;
}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 input[type="password"],.wpcf7 input[type="search"],.wpcf7 textarea{
	background-color: transparent;
	border:1px solid #ccc;
	font-size: 14px;
}
.wpcf7 .wpcf7-submit,.wpcf7 input[type="submit"]{
	display: inline-block;
	border:none;
	width:100px;
	line-height: 32px;
	height:32px;
	background-color: #ee6b01;
	color:#fff;
	text-align: center;
	font-size: 15px;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;	/* Firefox 4 */
    -webkit-transition: all 0.3s ease;	/* Safari 和 Chrome */
    -o-transition: all 0.3s ease;	/* Opera */
}
.wpcf7 .wpcf7-submit:hover,.wpcf7 input[type="submit"]:hover{
    background-color: #feb252;
}

.wpcf7 textarea{
    height: 108px;
    resize:vertical;
}
.wpcf7 span.wpcf7-not-valid-tip{
    display: none !important;
}
.wpcf7 .wpcf7-not-valid{
    border: 1px solid red !important;
}
.wpcf7-response-output{
   margin-left: 0px !important;
   margin-right: 15px !important;
   margin-top: 3px !important;
   padding: 5px !important;
   font-size: 12px;
}
a.nav-search{
    width:47px;
    text-align: center;
    font-size: 17px;
}
.nav-search .fa{
    display: none;
}
.nav-search .fa-search,.nav-search.open .fa-times{
    display: block;
}
.nav-search.open .fa-search{
    display: none;
}
li.mobile-search-container{
    position: absolute;
    padding: 15px;
    background-color: rgba(255,255,255,0.8);
    right: -30px;
    top: 100%;
    width: 355px;
    z-index: 99;
    display: none;
}
li.mobile-search-container form{
    width:100%;
    text-align: left;
}
#searchsubmit{
    border:none;
    background-color:transparent;
    font-size: 24px;
    color: #666;
    line-height: 24px;
    padding: 5px;
    display: inline-block;
    width:34px;
    height:34px;
    text-align: center;
    vertical-align: bottom;
}
li.mobile-search-container .form-control{
    display: inline-block;
    width: 286px;
}
.navbar-header{
    position: absolute;
    right:0px;
    top:-70px;
}
.has_sub.with_icon .sub-menu{
    overflow: hidden;
    padding:15px !important;
    width:1200px;
}
#kuandu{left:-400px;}
.sub-menu .menu-item.with_icon{
    width:16.66%;
    float:left;
    border:none;
    padding:6px;
}
.sub-menu .menu-item.with_icon>a{
    padding:0px !important;
    border:none !important;
}
.sub-menu .menu-item.with_icon>a:after{
    display: none;
}
.sub-menu .menu-item.with_icon>a>span{
    display: block;
    text-align: center;
    background-color:#919191;
    color:#fff;
}
.sub-menu .menu-item.with_icon>a>span.menu-title{
    padding:4px;
}
.sub-menu .menu-item.with_icon>a>span.menu-icon>i{
    display: block;
    width:100%;
    background-repeat: no-repeat;
    background-size:100%;
    background-position: center;
    background-color: #fefefe;
    height:120px;
    overflow: hidden;
}
/*.sub-menu .menu-item.with_icon>a>span.menu-icon>i.sda{
    background-image: url(../images/sda_nav.jpg);
}
.sub-menu .menu-item.with_icon>a>span.menu-icon>i.zks{
    background-image: url(../images/zks_nav.jpg);
}*/
.sub-menu .menu-item.with_icon>a:hover>span{
    background-color: #ee6b01;
}





.case_top {
	width: 1200px;
	height: 350px;
	margin: 0 auto;margin-top:80px;
}

.case_tu1 {position: relative;
	width: 590px;
	height: 334px;
	float: left;
	background: #f1f1f1;
}
.biaoqian{position:absolute;    top: -36px; left: 36px;}
.case_tu1 a img {
	width: 580px;
	height: 324px;
	display: block;
	margin: 5px;
}

.case_right {
	width: 580px;
	height: 318px;
	float: right;
	margin-top: 12px;
}

.case_right dl {
	height: 274px;
}

.case_right dl dt {
	width: 552px;
	height: 44px;
	background: url(../images/case_tt.jpg) left bottom no-repeat;
	line-height: 44px;
	overflow: hidden;
}

.case_right dl dt a {
	font-size:24px;
	color: #323232;
	font-weight: bold;
}

.case_right dl p {
	width:100%;
	height: 112px;
	font-size: 14px;
	color: #484848;
	line-height: 28px;
	margin-top: 24px;
	overflow: hidden;
}

.case_right dl span {
	display: block;
	margin-top: 30px;
	width: 130px;
	height: 38px;
	float: left;
	margin-right: 30px;
	text-align: center;
	background: #02489f;
}

.case_right dl span a {
	font-size: 14px;
	color: #fff;
	line-height: 38px;
}

.case_right dl span:hover {
	background: #f9651c;
}

.case_phone {
	height: 48px;
	background: url(../images/case_phone.png) center left no-repeat;
}

.case_phone p {
	padding-left: 58px;
	font-size: 16px;
	color: #333;
	line-height: 48px;
}

.case_phone p span {
	font-size: 18px;
	color: #333;
}

.case_bottom {
	width: 1200px;
	height: 180px;
	margin: 0 auto;
}
.case_bottom ul{display: flex;justify-content:space-between;}
.case_bottom ul li {
	width: 290px;
	/*float: left;*/
	text-align: center;
	height: 180px;
	background: #f1f1f1;
	/*margin: 0 12px;*/
}

.case_bottom ul li img {
	width: 280px;
	height: 170px;
	display: block;
	margin: 5px;
}

.case_bottom ul li p {
	width: 290px;
	height: 30px;
	background: #02489f;
	position: relative;
	top: -35px;
	margin: 0 auto;
	text-align: center;
	opacity: 0.9;
}

.case_bottom ul li p a {
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}

.case_bottom ul li:hover {
	background: #02489f;
}

.case_bottom ul li:hover img {
	-webkit-animation: flipInY 1s .2s ease both;
	-moz-animation: flipInY 1s .2s ease both;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}

@-moz-keyframes flipInY {
	0% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
	40% {
		-moz-transform: perspective(400px) rotateY(-10deg)
	}
	70% {
		-moz-transform: perspective(400px) rotateY(10deg)
	}
	100% {
		-moz-transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}

.case_tu1:hover img {
	-webkit-animation: flipInY 1s .2s ease both;
	-moz-animation: flipInY 1s .2s ease both;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}

@-moz-keyframes flipInY {
	0% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
	40% {
		-moz-transform: perspective(400px) rotateY(-10deg)
	}
	70% {
		-moz-transform: perspective(400px) rotateY(10deg)
	}
	100% {
		-moz-transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}

.xyt{width:1200px;margin:5% auto;}
.xyttit img{display: block;margin:2% auto;}
.xyttit p{text-align: center;font-size:14px;color:#666;}
/*---case---*/


.center1_bg {
	width: 100%;
	height: 480px;
	background: url(../images/case_bg.jpg) center no-repeat;
}

.center1 {
	width: 1180px;
	height: 1180px;
	height: 430px;
	margin: 0 auto;
	padding-top:60px;
}

.center1_t {
	width: 1180px;
	height: 92px;
	background: url(../images/center1_t.png) center 10px no-repeat;
	text-align: center;
}

.center1_t h3 a {
	font-size: 18px;
	color: #2d2d2d;
	font-weight: bold;
	line-height: 26px;
}

.center1_t p {
	font-size: 24px;
	color: #006df5;
	font-weight: bold;
	line-height: 34px;
}

.center1_nr {
	width: 1180px;
	height: 340px;
	margin: 0 auto;
}

.center1_nr dl {
	width:236px;
	float: left;
	text-align: center;
}

.center1_nr dl img {
	width: 191px;
	height: 214px;
	display: block;
	margin: 0 auto;
}

.center1_nr dl dt {
	height: 52px;
	font-size: 18px;
	color: #02489f;
	font-weight: bold;
	line-height: 52px;
}

.center1_nr dl p {
	height: 70px;
	margin-top: 6px;
	width: 258px;
	margin: 0 auto;
	font-size: 14px;
	color: #3c3c3c;
	line-height: 28px;
}

.center1_nr dl:hover img {
	-webkit-animation: rotateIn 1s .2s ease both;
	-moz-animation: rotateIn 1s .2s ease both;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0
	}
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1
	}
}

.case_t {
    width: 384px;
    margin: 0 auto;
    height: 98px;
    background: url(../images/case_t.png) center no-repeat;
}
.case_t h3 a span {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    padding-left: 34px;
}
.case_t p {
    font-size: 14px;
    color: #393939;
    padding-left: 152px;
    line-height: 36px;
}
.case_t h3 a {
    font-size: 32px;
    color: #02489f;
    font-weight: bold;
    line-height: 22px;
}

.xinwen{background: url(../images/xw.jpg) no-repeat;margin-top:2%; background-size:100% 100%;padding: 1.5% 0;
    padding-bottom: 2%;}
.xwtit span{display: block;color:#fff;text-align: center;}
.xwtit h1{font-size:28px;color:#fff;font-weight:bold;text-align: center;line-height: 42px;}
.xwtit p{text-align: center;font-size:14px;color:#fff;}


.between{  width:1200px;  margin:0 auto;     margin-top: 3%; overflow: hidden;  }
.new_wrapper{position: relative;}
.new_title{position: absolute;top:14px;right: 692px;    z-index: 999;}
.new_title h4{width:110px;height:67px;background: #ffa801;margin-bottom: 16px;text-align: center;}
.new_title h4:hover{background: #02489f;}
.new_title>h4>a{font-size:18px;font-weight: bold;margin-top: 17px;display: block;line-height: 40px;}
.new_title>h4>span>a{font-size:12px;text-transform: uppercase; }
.new_title a{color:#fff;}
.new_body_left{width:430px;height:440px;float: left;}
.new_body_left img{width:100%;height:258px;}
.new_body_left div{height: 145px;background: #f1f1f1;padding:20px;}
.new_body_left>div>a{font-size: 16px;color:#333;font-weight: bold;display: block;margin-bottom: 20px;}
.new_body_left p{    height: 51px;
    overflow: hidden;
    color: #666;
    line-height: 24px; }
.new_body_right{background: #fff; width:692px;height:404px;float: right;padding:1%; }
.new_body_right>div>ul>li>a{width:130px;height:100px;float: left;margin-right: 25px;}
.new_body_right img{width:130px;height: 100px;}
.new_body_right li{height: 100px;margin-bottom:30px;}
.new_body_right>div>ul>li>div{width:410px;float: left;}
.new_body>div{display: none;}
.new_body_right>div>ul>li>div>a{font-size:16px;color:#454545;font-weight: bold;}
.new_body_right>div>ul>li>div>p{font-size: 14px;
    color: #666;
    text-indent: 2em;
    line-height: 26px;
    height: 78px;
    overflow: hidden;}
.new_body_right>div>ul>li>h5{width:82px;border:solid 1px #e5e1e0;float: right;}
.new_body_right>div>ul>li>h5>p{display: block;margin:0; width:82px;height:49px;background: #e5e1e0;color:#666;text-align: center;line-height: 50px;font-size:16px;}
.new_body_right>div>ul>li>h5>span{display: block;color:#666;text-align: center;line-height:40px;font-size:16px;}

.ygfc{background:url(../images/ygfc.jpg) no-repeat; background-size:100% 100%;padding:3% 0;}

.yqlj{width:1200px;margin:0 auto;background: #fff;padding:15px;    box-shadow: 0 2px 2px rgba(0, 0, 0, 1);}
.yqlj h1{font-size:18px;color:#02489f;line-height:27px;; font-weight:bold;margin-right:10px;}
.yqlj a{    display: inline-block;
    margin: 0 0.2%;
    line-height: 30px;}

.n_nav_box{background-color:#f4f5f9;/*height: 55px;*/position:relative;z-index: 999}
.n_nav{position: relative;left: 300px;    width:900px;}
.n_nav a{display:inline-block;margin-left: 49px;margin-bottom: -2px;height: 57px;font-size: 14px;float:left;line-height: 53px;color: #373737;font-weight:normal;}
.n_nav a strong{display:block;font-size: 16px; color: #58585a;position:relative;z-index:4;font-weight:normal;}
.n_up_box{ position:relative; position:relative; }
.position{width: 300px;height: 210px;position:absolute;line-height: 56px;left: 50%;margin-left: -600px;bottom:0px;color: #fff;background-color: #1473e6;padding: 0 35px;text-align:left;}
.n_nav i {
    display: block;
    background: #1473e6;
    text-align: center;
}
.n_nav .on i {
    height: 2px;
}
.position h1{    font-size: 30px;font-weight: bold; line-height:40px; }

.position h2{font-size:40px;font-family: impact;margin-top:40px;font-weight:normal;text-transform:uppercase;margin-bottom:2px;}

.position span, .position a, .position i{font-size:15px;color: #fff;}

.position em{font-size:12px;color: #f08519;}

.position a:hover{color: #f08519;}

.position i{margin: 0 6px;}
.gsjj{width:1200px;margin:0 auto;margin-top:3%}
.gsl{width:720px}
.gsh1 h1{font-size:26px;font-weight:bold;color:#444}
.gsh1 span{color:#666;font-size:14px;}
.gsh1{margin-bottom:4%;margin-top:6%}
.gsl p{font-size:16px;line-height:45px;color:#666;}
.gsl1{width:550px;}
.gsl1 p{font-size:16px;line-height:45px;color:#666;margin-top:17%}

.n_nav a:hover i{height:2px!important;}
