/*-----  全局  ----*/
*{margin:0px;padding:0px; border-width:0;box-sizing:border-box;}
html{overflow-x:hidden; }
body{font-size:14px;font-family:"Microsoft YaHei";}
a,a:visited{text-decoration:none;color:#333333;}
a:hover,a:active{text-decoration:none;color:#456fb9;}
ul li{list-style:none;}
/*通用*/
/*通用*/
#content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
body{ background:#F6F9FF}
.w1200{ width:1200px; margin:0 auto; height:auto}
.w722{ width:722px; margin:0 auto;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt50{ margin-top:50px !important;}
.mt70{ margin-top:70px !important;}
.mt80{ margin-top:80px !important;}
.mb20{ margin-bottom:20px !important}
.mb50{ margin-bottom:50px !important}
.mt100{ margin-top:100px}
.mt130{ margin-top:130px !important}
.mt260{ margin-top:260px !important}
.w50%{ width:50%}
.center{ text-align:center}
.join img{ padding:0; margin:0; display:block; vertical-align:top; }

/*头部*/
.head{ padding:30px 0 20px 0; height:100px;}
.logo{ width:260px; float:left;}
.logo dl{ width:120px; height:39px; float:left;}
.logo dl img{ width:100%;}
.logo dt{ font-size:32px; color:#3133c2; font-weight:bold; float:right;}

.nav{ width:700px; float:right;}
.nav ul{}
.nav ul li{ width:auto; padding:0px 20px; float:left; line-height:39px; font-size:16px; position:relative;}
.nav ul li a{ color:#4c4c4c; display:block;}
.nav ul li.on a,.nav ul li a:hover{ border-bottom:2px #456fb9 solid; color:#000000; font-weight:bold;}

/*下拉*/
.nav ul li ul{visibility:hidden; position:absolute; top:42px; z-index:999999; background-color:#fff; left:-65%; box-shadow: 1px 1px 5px #888888; text-align:center; border-radius:3px; padding:3px 0;}
.nav ul li:hover ul{visibility:visible; width:230%;}
.nav ul li:hover ul li{ padding:0;width:100%; }
.nav ul li:hover ul li a{ border-bottom:2px #fff solid; height:35px; line-height:35px; border-bottom:1px #999999 dotted; width:100%; display:block; font-weight:100; font-size:12px}
.nav ul li:hover ul li a:hover{ border-bottom:2px #456fb9 solid;}

.en{ width:70px; float:right; margin-top:7px;}
.en .ico{ width:24px; float:left;}
.en .ico img{ max-width:100%;}
.en .text{ width:40px; font-size:24px; color:#000; border-left:1px #000 solid; float:right; height:20px; line-height:20px; text-align:right; margin-top:2px;}

/*轮播*/
.banner{ width:100%; height:auto; overflow:hidden; position:relative;}
.main_content {width: 960px;margin: 0 auto 0px;position: relative;zoom: 1;}
.nf_hp_kv {margin: 0 -480px;position: relative;width:1920px;}
.window {height: 600px;overflow: hidden;position: relative;width:1920px;}
.kv_item {height: 600px;overflow: hidden;padding: 0 500px;position: absolute;width:1920px;}
.js_nav { left:0;height:6px; text-align:center;width:100%;position: absolute; bottom:30px;}
.js_nav ul{ margin:0 auto; width:940px; text-align:center;}
.js_nav li {height:4px;width:50px; margin:12px; display:inline-block; *display:inline; *zoom:1;}
.js_nav li a {display: inline;float: left;height:4px;overflow: hidden;width: 100%;font-size:0; background:#363636;}
.js_nav li.active a, .js_nav li a:hover {background:#3133c2}
.btn_prev{ left:0;}
.btn_next{right:0;}
.btn_prev, .btn_next { display:none;}


/*内页轮播*/
.page_banner{ width:100%; height:auto; overflow:hidden; position:relative;}
.page_banner .main_content {width: 1004px;margin: 0 auto 0px;position: relative;zoom: 1;}
.page_banner .nf_hp_kv {margin: 0 -500px;position: relative;width: 2000px;}
.page_banner .window {height: 400px;overflow: hidden;position: relative;width: 2000px;}
.page_banner .kv_item {height:400px;overflow: hidden;/*padding: 0 500px;*/position: absolute;width: 100%;}

/*关于*/
.about{height:auto; width:100%; overflow:hidden; background:url(../images/aboutbg.png) no-repeat center top; padding-top:100px;}
.about .left{ width:256px; float:left;}
.about .left .title{ width:100%; height:auto; overflow:hidden; margin-bottom:40px;}
.about .left .title dd{ width:100%; font-size:48px; color:#fff; font-weight:bold; float:left; line-height:50px; text-transform:uppercase;}
.about .left .title dl{ width:100%; float:left; font-size:33px; color:#fff; line-height:80px;}
.about .left .title dt{ width:38px; height:32px; float:left; margin-top:400px;}
.about .left .title dt img{ width:100%;}
.about .left p{ line-height:30px; color:#333333; font-size:16px; margin:30px 0;}
.about .right{ width:750px; float:right; height:auto; overflow:hidden;}
.about .right img{ width:100%; -webkit-transition:0.3s ease 0s;}
.about .right:hover img{-webkit-transform: scale(1.01); transform: scale(1.01); -webkit-transition : 0.3s ease 0s;}
.about .right p{ font-size:14px; line-height:30px; margin-top:30px; color:#fff; display:none}
.about .right p:nth-of-type(1){ display: block !important}
.about .more{ width:100%; height:auto; overflow:hidden;}
.about .more-l{ width:128px; height:44px; border:1px #fff solid; border-radius:3px; text-align:center; line-height:40px; float:left; -webkit-transition : 0.3s ease 0s; margin-top:30px;}
.about .more-l a{ color:#fff; display:block;}
.about .more-l:hover{ background-color:#456fb9; border:1px #456fb9 solid; -webkit-transition : 0.3s ease 0s; font-size:16px;}

.about .honor{ width:100%; height:auto; overflow:hidden;}
.about .honor ul{ width:100%;}
.about .honor ul li{ width:calc(25% - 15px); float:left; margin-right:20px; overflow:hidden;}
.about .honor ul li p{ text-align:center; line-height:36px}
.about .honor ul li:nth-child(4n){ float:right; margin-right:0;}
.about .honor ul li img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.about .honor ul li:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.about .honor ul li a:hover{ color:#F00 !important }

/*产品中心*/
.pro{ width:100%; height:auto; overflow:hidden; padding-top:100px; background-color:#f6f9ff; padding-bottom:80px;}
.prolist{ width:1200px; height:auto; margin:0px auto;}

.prolist .top .title{ width:286px; float:left; height:auto; overflow:hidden; margin-bottom:40px;}
.prolist .top .title dd{ width:100%; font-size:48px; color:#456fb9; font-weight:bold; float:left; line-height:50px; text-transform:uppercase;}
.prolist .top .title dl{ width:100%; float:left; font-size:33px; color:#333333; line-height:80px; text-align:right;}

.prolist .top .more{ width:800px; float:right; height:50px; line-height:50px; text-align:right; font-size:16px; font-weight:bold;}
.prolist .top .more a{ color:#456fb9;}
.prolist .top .more a:hover{ background:none; color:#333333;}

.prolist .tab{overflow:hidden; width:800px; float:right; margin-top:15px;}
.prolist .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#333; border-radius:3px; border:1px #456fb9 solid; margin:0 7px;}
.prolist .tab a:hover{ background:#456fb9; color:#fff; text-decoration:none;}
.prolist .tab a.on{ background:#456fb9; color:#fff; text-decoration:none;}
.prolist .tab dl{display:block; line-height:35px; float:right; text-decoration:none; color:#456fb9; border-radius:3px; font-size:40px;}

.prolist .procontent{ width:1200px; height:720px; margin-top:50px; overflow:hidden; position:relative;}
.prolist .procontent ul{ position:absolute; left:0; top:0; height:100px;}
.prolist .procontent li{ width:1200px; height:500px; float:left;}
.prolist .procontent li dl{ width:285px; float:left; margin-right:20px; margin-bottom:20px;}
.prolist .procontent li dl:nth-child(4n){ float:right; margin-right:0;}
.prolist .procontent li dt{ width:285px; height:285px; overflow:hidden;}
.prolist .procontent li dt img{ width:100%; -webkit-transition:0.3s ease 0s;}
.prolist .procontent li dl:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}
.prolist .procontent li dd{ width:100%; height:55px; line-height:55px; text-align:center; background-color:#fff;}
.prolist .procontent li dl a{ color:#333333; font-size:16px;}
.prolist .procontent li dl a:hover{ color:#456fb9; font-weight:bold;}

/**/
.page_title{ width:100%; height:80px; overflow:hidden; position:relative;}
.page_title dl{ position: absolute; z-index:1; font-size:38px;  color:#ededed; font-weight:bold; float:left; line-height:80px; text-transform:uppercase;}
.page_title dt{ font-size:32px; font-weight:bold; color:#456fb9; height:55px; position: absolute; z-index:5; float:left;}
.page_title dt:after{content:''; width:60px; height:4px; background-color:#e52029; position:absolute; bottom:0; left:0;}
.page_title dd{ float:right; font-size:16px; margin-top:35px;}


/*推荐产品*/
.product{ height:auto; overflow:hidden; padding-top:50px;}
.product ul{}
.product ul li{ width:285px; height:auto; overflow:hidden; text-align:center; float:left; margin-right:20px; margin-bottom:10px; position:relative}
.product ul li:nth-child(4n){ float:right; margin-right:0;}
.product ul li dl{ width:100%; height:285px; overflow:hidden;}
.product ul li dl img{ width:100%; -webkit-transition : 0.3s ease 0s;


}
.product ul li dl:before {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    transition: 0.5s;
    z-index: 2;
	background:url(../images/jia.png) rgba(1, 143, 215, 0.8) center no-repeat;
}
.product ul li dl:hover:before {
    transform: rotate(0deg);
    transition: 0.5s;
}

.product ul li dl:before, .product ul li dl a:after {
    content: '';
    position: absolute;
}
.product ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);     transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;}
.product ul li dt{ font-size:16px; line-height:50px;}

/*工程案例*/
.case{ width:100%; height:auto; background:url(../images/casebg.png) no-repeat center top; padding-top:100px; padding-bottom:80px;}
.caselist{ width:1200px; height:auto; margin:0px auto;}

.caselist .top .title{ width:275px; float:left; height:auto; overflow:hidden; margin-bottom:40px;}
.caselist .top .title dd{ width:100%; font-size:40px; color:#fff; font-weight:bold; float:left; line-height:50px; text-transform:uppercase; text-align:right;}
.caselist .top .title dl{ width:100%; float:left; font-size:33px; color:#fff; line-height:80px; text-align:right;}

.caselist .top .more{ width:800px; float:right; height:50px; line-height:50px; text-align:right; font-size:16px; font-weight:bold; margin-top:50px;}
.caselist .top .more a{ color:#fff;}
.caselist .top .more a:hover{ background:none; color:#456fb9;}

.caselist .tab{overflow:hidden; width:800px; float:right; margin-top:15px;}
.caselist .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#fff; border-radius:3px; border:1px #fff solid; margin:0 7px;}
.caselist .tab a:hover{ background:#456fb9; color:#fff; text-decoration:none;}
.caselist .tab a.on{ background:#456fb9; color:#fff; text-decoration:none;}
.caselist .tab dl{display:block; line-height:35px; float:right; text-decoration:none; color:#fff; border-radius:3px; font-size:40px;}

.caselist .casecontent{ width:1200px; height:450px; margin-top:60px; overflow:hidden; position:relative; border-top:1px #fff solid;}
.caselist .casecontent ul{ position:absolute; left:0; top:0; height:450px; top:70px;}
.caselist .casecontent li{ width:1200px; height:500px; float:left;}
.caselist .casecontent li dl{ width:285px; float:left; margin-right:20px; margin-bottom:20px;}
.caselist .casecontent li dl:nth-child(4n){ float:right; margin-right:0;}
.caselist .casecontent li dt{ width:285px; height:285px; overflow:hidden;}
.caselist .casecontent li dt img{ width:100%; -webkit-transition:0.3s ease 0s;}
.caselist .casecontent li dl:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}
.caselist .casecontent li dd{ width:100%; height:55px; line-height:55px; text-align:center; background-color:#fff;}
.caselist .casecontent li dl a{ color:#333333; font-size:16px;}
.caselist .casecontent li dl a:hover{ color:#456fb9; font-weight:bold;}


/*新闻动态*/
.news{overflow:hidden; margin-top:100px; background-color:#}
.news .top .title{ width:300px; float:left; height:auto; overflow:hidden; margin-bottom:40px; text-align:right;}
.news .top .title dd{ width:100%; font-size:40px; color:#456fb9; font-weight:bold; float:left; line-height:50px; text-transform:uppercase;}
.news .top .title dl{ width:100%; float:left; font-size:33px; color:#333333; line-height:80px;}

.news .top .more{ width:800px; float:right; height:50px; line-height:50px; text-align:right; font-size:16px; font-weight:bold; margin-top:120px;}
.news .top .more a{ color:#456fb9;}
.news .top .more a:hover{ background:none; color:#333333;}

.newslist ul{ width:100%; height:auto; overflow:hidden; margin-top:65px;}
.newslist ul li{ width:376px; float:left; margin-bottom:20px; margin-right:35px;}
.newslist ul li:nth-child(3n){ float:right; margin-right:0;}
.newslist ul li dl{ width:100%; overflow:hidden;}
.newslist ul li dl img{ width:100%; -webkit-transition:0.3s ease 0s;}
.newslist ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}
.newslist ul li dt{ font-size:18px; color:#456fb9; width:100%; font-weight:bold; line-height:40px; margin-top:10px;}
.newslist ul li dd{ border-bottom:1px #d8d8d8 solid; font-size:12px; color:#7c889e; padding-bottom:10px; margin-bottom:5px;}
.newslist ul li p{ font-size:14px; color:#7c889e; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis;}
.newslist ul li:hover dt{ color:#3133c2;}

/*留言*/
.ly{width:100%; height:900px; overflow:hidden; background-color:#f6f9ff; padding-top:100px; padding-bottom:80px;}
.ly .w1200{ position:relative;}
.ly .top .title{ width:320px; float:left; height:auto; overflow:hidden; margin-bottom:40px; text-align:right;}
.ly .top .title dd{ width:100%; font-size:40px; color:#456fb9; font-weight:bold; float:left; line-height:50px; text-transform:uppercase;}
.ly .top .title dl{ width:100%; float:left; font-size:33px; color:#333333; line-height:80px;}
.ly .top .more{ width:800px; float:right; height:50px; line-height:50px; font-size:24px; color:#456fb9; font-weight:bold; margin-top:120px; text-align:center;}

.lyimg{ position:absolute; width:500px; height:480px; left:0; top:200px; overflow:hidden; z-index:5;}
.lyimg img{ width:100%;}

.mail1{ position:absolute; width:720px; height:480px; overflow:hidden; background-color:#456fb9; padding:20px; top:200px; right:0; z-index:9; border-radius:15px;}
.mail{width:680px; height:440px; overflow:hidden; background-color:#fff; border-radius:15px; padding:40px;}

.mail .w50{ width:49%; float:left; margin-right:1%;}
.mail .w100{ width:99%; float:left;}
.mail textarea{ width:99%; float:left; margin-bottom:36px;}
.form-group{ width:200px; height:46px; overflow:hidden; margin:0px auto;}
.mail .submit{ width:200px; height:46px; border-radius:23px; background-color:#456fb9; color:#fff; cursor:pointer;-webkit-transition : 0.3s ease 0s;}
.mail .submit:hover{ background-color:#f08300; -webkit-transition : 0.3s ease 0s;}
input,textarea{
	border-radius:5px;
	-webkit-border-radius:5px;   /*圆角，针对苹果浏览器写的兼容*/
	height:50px; line-height:50px; width:100%; padding:0 10px; margin-bottom:10px; border:1px #e6e6e6 solid;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ /*WebKit browsers*/
font-size:14px; line-height:50px; color:#666666;
}
input::-moz-input-placeholder,textarea::-webkit-input-placeholder{ /*Mozilla Firefox*/
font-size:14px; line-height:50px; color:#666666;
}
input::-ms-input-placeholder,textarea::-webkit-input-placeholder{ /*Internet Explorer*/ 
font-size:14px; line-height:50px; color:#666666;
}

input:focus,textarea:focus{
outline: none ;
}

.contact_fuwu .title dl {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    position: relative;
    height:60px;
	text-align:center;
	position:relative
}

.contact_fuwu .title dl:after {
    content: '';
    width:63px;
    height:4px;
    background-color: #456FB9;
    position: absolute;
    left: 50%;
    bottom: 0;
	margin-left:-31px
}



/*底部*/
.foot{ width:100%; background:url(../images/aboutbg.png) no-repeat center center; padding:50px 0 30px; overflow:hidden; color:#fff;}
.foot .left{ width:300px; float:left;}
.foot .left dl{ width:100%; margin-bottom:10px; float:left;}
.foot .left dt{ width:120px; float:left;}
.foot .left dt img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.foot .left dt:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}
.foot .left dd{ font-size:32px; color:#fff; font-weight:bold; float:left; margin-left:15px;}

.foot .left .fx{ width:100%; height:40px; overflow:hidden; margin-top:120px;}
.foot .left .fx dd{ width:40px; float:left; margin-right:20px; float:left;}
.foot .left .fx dd img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.foot .left .fx dd:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}

.foot .left .tel{ font-size:28px; font-weight:bold; line-height:25px;}
.foot .left .tel p{ font-size:12px; font-weight:normal; margin:5px 0;}

.foot .right .copy{ width:100%; height:auto; overflow:hidden; font-size:12px; color:#fff; line-height:2; margin-top:20px;}
.foot .right .copy a{ color:#fff;}
.foot .right .copy a:hover{ color:#999999}
.foot .right{ width:735px; float:right;}
.foot .right .footnav{ height:60px; line-height:40px; border-bottom:1px #4c98ce solid; overflow:hidden; margin-bottom:25px; font-size:16px;}
.foot .right .footnav li{ width:auto; margin:0 18px; float:left;}
.foot .right .footnav li a{ color:#fff;}
.foot .right .footnav li a:hover{ color:#999999;}
.foot .right .fl{ width:460px; float:left;}
.foot .right .fl span{ font-size:30px; color:#fff; font-weight:bold; line-height:30px;}
.foot .right .fl p{ font-size:14px; color:#fff; line-height:35px; margin-top:10px;}
.foot .right .fr{ width:240px; float:right; margin-top:55px;}
.foot .right .fr dl{ width:100px; text-align:center; line-height:30px; color:#fff; float:left; margin-left:20px;}
.foot .right .fr dl img{ width:100%;}

/*内页联系*/
.contactus{ background-color:#FFF; height:auto; overflow:hidden; padding:50px 30px 70px 30px}
.contactus .left{ width:50%; float:left; padding:20px 35px 0 30px;}
.contactus .left dl{ font-size:26px; color:#000; font-weight:bold; position:relative; margin-bottom:10px; line-height:30px; height:76px; clear:both; width:100%}
.contactus .left dl span{ font-size:12px; color:#000; font-weight:100; position:relative; clear:both;}
.contactus .left dl:after{content:''; width:100%; height:1px; background-color:#DBDBDB; position:absolute; left:0; bottom:0;}
.contactus .left dt{ font-size:16px; color:#333; line-height:30px; margin-top:40px;}
.contactus .left dd{ margin-top:40px;}
.contactus .left dd a{ color:#fff; font-size:14px; -webkit-transition:0.3s ease 0s;}
.contactus .left dd a:hover{ color:#DCDCDC; -webkit-transition:0.3s ease 0s;}
.contactus .right{ width:50%; float:right; height: auto; overflow:hidden;}
.contactus .right img{ width:100%; -webkit-transition:0.3s ease 0s;}
.contactus .right:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}


.contactus_youshi{ padding:0px 0 0px 0; overflow:hidden;}
.contactus_youshi ul{ width:100%; height:auto; display:block;}
.contactus_youshi ul li{ width:100%; float:left; line-height:34px; font-size:16px; color:#333}
.contactus_youshi ul li img{ margin-right:10px; vertical-align: middle}