@charset "utf-8";

/* CSS Document */

body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;overflow-X:hidden;}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}

img{border:0;vertical-align:bottom;}

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

a{color:#333;text-decoration:none;transition:all 0.3s;}

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

textarea,input[type=date],input[type=number]{ resize:none; border: none;}

button:hover,input[class*=b]:hover{ cursor:pointer;}

i,u{font-style: normal;font-weight: normal;}

.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}

.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}

.f12{font-size:12px;}

.f16{font-size:16px;}

.f18{font-size:18px;}

.f20{font-size:20px;}

.rel{position:relative;}

.min_w{min-width:1200px;}

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


header{
	z-index: 2;
	position: relative;
}


.tips{ width: 100%; height: 30px; background: #F3F3F3; color: #999; }


.w1100{ 
	width:1200px;
	margin: 0 auto;
	position: relative
}
.head-top{
	height: 110px;
	
}
.inner-banner{
	width: 100%;
	height: 412px;
}
.head-top .box{
	width: 194px; 
	height: 30px;
	line-height: 30px;
	margin-top:38px;
	position: relative;
	border: 1px solid #dfdfdf;
}
.head-top .logo{width: 419px;}
.head-top .box .seek{
	width: 155px;
	padding-left: 10px;
	border: none;
	font-size: 14px;
	color: #888888;
	background: none;
}
.head-top .box .sub-s{
	width: 18px;
	height: 18px;
	background: url(../images/seach.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	border:none;
	top:6px;
	right:7px;
}
.head-nav{
	width: 100%;
	min-width: 1200px;
	background: #0083cd;
	height: 50px;
	line-height: 50px;
}
.head-nav ul{
	border-left: 1px solid #72c8f8;
}
.head-nav li{
	float: left;
	border-right:1px solid #72c8f8;
	width: 198px;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	position:relative;
	text-align: center;
}
.head-nav li a{
	color: #fff;
	display: block;
	width: 100%;
	transition: color 0.5s;
}
.head-nav li:hover,.head-nav li.in{
	background: #fff;
	transition: all 0.3s;
}
.head-nav li:hover a.tit,.head-nav li.in a.tit{
	color: #333;
	transition: all 0.5s;
}
.head-nav .nav-sub{
	position: absolute;
	top:50px;
	left:0;
	width: 194px;
	display: none;
	background: url(../images/head01.png) repeat center;
	background-size: cover;
}
.head-nav .nav-sub.left{
	background: url(../images/bg_02.png) repeat center;
	background-size: cover;
}
.head-nav .nav-sub .list{
	width: 157px;
	text-align: left;
	padding-top: 8px;
}
.head-nav .list a:hover{
	color: #b66568;
	transition: all 0.5s;
}

.head-nav .nav-sub a{
	color: #2b3030;
	line-height: 45px;
	padding-left: 38px;
	transition: color 0.5s;

}
.head-nav .nav-sub .pic{
	padding: 22px 26px 0 28px;
	width: 324px;
}
.nav-sub .pic a{
	width: 324px;
	padding-left: 0;
	display: block;
}
.head-nav .nav-sub p{
	font-size: 14px;
	color: #666666;
	line-height: 64px;
}

.fenlei{ margin-top: 40px;}
.fenlei ul li{float: left; border: #0083cd solid 1px; line-height: 40px; font-size: 16px; padding: 0 10px; margin-right: 20px; margin-bottom: 20px; border-radius:20px ; height: 40px;}
.fenlei ul li a{ color:#0083cd;}
.fenlei ul li:hover{ background: #0083cd;}
.fenlei ul li:hover a{ color: #fff;}


/*header*/

/*.top_pos{position:absolute;left:0;top:0;width:100%;height:120px;background:url(../images/top_bg.png) no-repeat center top;z-index:9;}

.top_r{width:730px;}

.top_tel{line-height:55px;background:url(../images/tel.png) no-repeat left center;padding-left:40px;}

.top_tel span{font-size:24px;color:#0083cd;}

.nav_list{height:40px;line-height:40px;}

.nav_list li{width:104px;float:left;}

.nav_list li a{display:block;color:#fff;}
*/


/* banner */

.banner{ width:100%; height:591px; overflow:hidden; position:relative;}

.b-img{ height:591px;  position:absolute; left:0; top:0;}

.b-img a{ display:block; height:591px; float:left;}

.b-list{ height:50px;position:relative; margin:560px auto 0;z-index:1;}

.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:7px; float:left; margin:0 5px; _margin:0 3px;background:#fff;}

.b-list .spcss{width:30px;background:#0083cd;}



/*index*/

.index_box{padding:30px 0;}

.about_bg{padding-top:80px;height:680px;box-sizing:border-box;background:url(../images/about_bg.jpg) no-repeat center top;}

.about_tit dt{font-size:30px;color:#0083cd;line-height:40px;}

.about_tit dd{font-size:16px;color:#999;line-height:30px;text-transform:uppercase;}

.about_tit_text{font-size:20px;line-height:30px;margin-bottom:50px;}

.about_pic{width:540px;height:400px;}

.about_pic img{border-radius:5px;}

.about_pic_text{position:absolute;left:0;bottom:0;width:100%;height:80px;padding:10px;box-sizing:border-box;background:#0083cd url(../images/line.jpg) no-repeat center center;}

.about_pic_text li{width:50%;padding:0 10px;line-height:30px;box-sizing:border-box;float:left;}

.about_pic_text .about_pic_a{font-size:12px;color:#fff;text-transform:uppercase;}

.about_pic_a span{font-size:24px;color:#7dc3eb; line-height: 60px;}

.about_pic_text .about_pic_b{background:url(../images/about_tel.png) no-repeat 20px center;padding-left:80px;font-size:18px;color:#7dc3eb;}

.about_pic_b b{font-size:24px;color:#fff;}

.about_con{width:600px;}

.about_text{line-height:40px;height:200px;overflow:hidden;margin:20px 0;}

.about_list li{width:120px;height:120px;line-height:40px;float:left;border:#ddd solid 1px;border-radius:5px;margin-right:20px;transition:all .5s linear;}

.about_list li:hover{border:#2655cb solid 1px;}

.about_list li>a{display:block;padding:20px 0;}

.about_more{width:150px;height:40px;line-height:40px;border:#ddd solid 1px;border-radius:20px;color:#999;margin-top:80px;}

.about_more:hover{border:#2655cb solid 1px;color:#2655cb;}



.case_list{padding-top:20px;}

.case_list li{width:320px;height:220px;overflow:hidden;margin:0 10px;float:left;position:relative;}

.case_list li img{transition:all .8s linear;}

.case_list li:hover img{transform:scale(1.1);}



.case_list_name{position:absolute;left:40px;bottom:20px;width:240px;height:40px;line-height:40px;background:#fff;color:#7288a9;font-size:18px;font-weight:bold;}

.case_list_name b{color:#0083cd;}

.case_more{display:block;margin:50px auto;width:150px;height:40px;line-height:40px;border:#ddd solid 1px;border-radius:20px;color:#999;}

.case_more:hover{border:#0083cd solid 1px;color:#0083cd;}



.cooper_bg{padding:60px 0;box-sizing:border-box;min-height:610px;background:url(../images/cooper_bg.jpg) no-repeat center top;}

.cooper_tit{line-height:40px;color:#fff;text-transform:uppercase;}

.cooper_tit dt{font-size:30px;}

.cooper_tit dd{font-size:14px;}

.cooper_text{margin:30px 0;position:relative;}

.cooper_text span{display:inline-block;width:200px;height:40px;line-height:40px;background:#e00324;border-radius:5px;color:#fff;font-size:18px;}

.cooper_text:before,.cooper_text:after{content:"";position:absolute;top:20px;width:330px;height:1px;background:#fff;}

.cooper_text:before{left:100px;}

.cooper_text:after{right:100px;}

.cooper_list{margin:50px 0;}

.cooper_list li{width:220px;height:200px;float:left;margin:0 10px;padding:30px 0;line-height:60px;box-sizing:border-box;background:#ededed;position:relative;transition:all .5s linear;}

.cooper_list li:after{content:"";position:absolute;left:50%;bottom:20px;margin-left:-20px;width:40px;height:2px;background:#666;}

.cooper_list li:hover:after{background:#0083cd;}

.cooper_list li:hover{background:#fff;}

.link_box{margin:0 10px;background:#fff;box-shadow:0 0 15px #ddd;}

.link_tit{width:300px;height:160px;line-height:30px;background:#c6021a;color:#fff;text-transform:uppercase;}

.link_tit img{padding:10px 0;}

.link_list li{width:292px;margin:20px 0;float:left;border-right:#ddd solid 1px;}

.link_list li:last-of-type{border-right:none;}



.news_con{width:580px;border-bottom:#ddd solid 1px;padding-bottom:18px;}

.news_pic{margin-bottom:20px;}

.news_con h3{font-size:18px;font-weight:normal;line-height:50px;color:#000;}

.news_con_text{line-height:30px;height:60px;overflow:hidden;}

.news_con_text a{color:#666;}

.news_list{width:570px;}

.news_list li{padding:24px 0;border-bottom:#ddd solid 1px;transition:all .5s linear;}

.news_list li:hover{border-bottom:#0083cd solid 1px;}

.news_list_date{width:120px;padding-right:20px;line-height:40px;color:#999;position:relative;}

.news_list_date span{line-height:60px;font-size:36px;}

.news_list_date:after{content:"";position:absolute;right:0;top:40px;width:2px;height:30px;background:#ddd;}

.news_list_con{width:400px;line-height:30px;color:#999;}

.news_list_con h3{line-height:40px;color:#333;}

.news_list li:hover .news_list_con h3{color:#0083cd;}



.pro_bg{padding:80px 0 60px 0;box-sizing:border-box;}

.pro_list{margin:40px 0;}

.pro_list li{width:280px;float:left;margin:0 10px 20px;background:#fff;font-size:16px;box-shadow:0 0 15px #ddd;}

.pro_list_pic{width:280px;height:240px;overflow:hidden;}

.pro_list_pic img{transition:all .8s linear;}

.pro_list li:hover .pro_list_pic img{transform:scale(1.1);}

.pro_list_name{border-top:#ddd solid 1px;line-height:50px;}

.pro_list li:hover .pro_list_name{border-top:#0083cd solid 1px;transition:all .5s linear;color:#0083cd;}

.pro_more{display:block;margin:50px auto;width:150px;height:40px;line-height:40px;border:#0083cd solid 1px;border-radius:20px;color:#0083cd;}



/*footer*/

.bot_bg{padding:30px 0;background:#F3F3F3;color:#999999;}

.bot_left{width:360px;margin-right:60px; padding-top: 15px;}

.bot_logo_text{font-size:24px;line-height:60px;}

.bot_contact{line-height:30px;}

.bot_tel{padding-left:90px;width:430px;line-height:30px;margin:50px 0;border-left:#ddd solid 1px;}

.bot_tel h3{font-size:24px;line-height:50px;color:#0083cd;}

.bot_ewm{margin-top:30px;background:#5AC4F1;padding:20px;line-height:30px; color: #fff;}





/*main*/

.type_list{border-bottom:#ddd solid 1px;}

.type_list li{display:inline-block;padding:30px 0;margin:0 10px;background:url(../images/dot.png) no-repeat center 100px;transition:all .5s linear;overflow:hidden;}

.type_list li a{display:block;padding:0 20px;line-height:40px;border-radius:5px;}

.type_list li:hover a{background:#0083cd;color:#fff;}

.type_list li:hover{background:url(../images/dot.png) no-repeat center bottom;}



.main_page{margin:30px 0;}

.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}

.main_page a:hover{background:#0083cd;color:#fff;border:#0083cd solid 1px;}



.main_case{padding-top:20px;}

.main_case li{width:280px;height:320px;overflow:hidden;margin:0 10px 20px;float:left;position:relative;}

.main_case li img{transition:all .8s linear;}

.main_case li:hover img{transform:scale(1.1);}

.main_case_pos{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6) url(../images/icon04.png) no-repeat center 120px;line-height:60px;color:#fff;padding-top:160px;box-sizing:border-box;transition:all .5s linear;transform:scale(0);overflow:hidden;}

.main_case_pos:after{content:"";position:absolute;left:5%;top:5%;width:90%;height:90%;border:#0083cd solid 1px;box-sizing:border-box;}

.main_case li:hover .main_case_pos{transform:scale(1);}

.main_con{padding:30px 0;line-height:40px;}

.main_about_tit{line-height:40px;color:#666;text-transform:uppercase;margin:20px 0;}

.main_about_tit span{font-size:30px;padding-right:10px;color:#000;}

.main_about_text{padding:20px 0;line-height:40px;font-size:14px;}

.main_honor{padding:30px 0;}

.main_honor img{display:inline-block;margin:0 6px;}



.main_contact{padding:0 100px;}

.main_contact_text{width:400px;line-height:40px;padding:30px 0;}



.main_news li{padding:24px 0;border-bottom:#ddd solid 1px;transition:all .5s linear;}

.main_news li:hover{border-bottom:#0083cd solid 1px;}

.main_news_date{width:120px;padding-right:20px;line-height:40px;color:#999;margin:30px 80px 30px 0;position:relative;}

.main_news_date span{line-height:60px;font-size:36px;}

.main_news_date:after{content:"";position:absolute;right:0;top:40px;width:2px;height:30px;background:#ddd;}

.main_news_con{width:600px;line-height:30px;color:#999;margin-top:30px;}

.main_news_con h3{line-height:40px;color:#333;}

.main_news li:hover .main_news_con h3{color:#0083cd;}



.gbook_box{width:720px;}

.gbook_inp{width:100%;height:40px;line-height:40px;box-sizing:border-box;background:#eee;border:#ddd solid 1px;padding:0 10px;}

.gbook_textarea{height:120px;}

.gbook_submit{width:100%;height:40px;line-height:40px;background:#2655cb;color:#fff;font-size:16px;border:none;}

.gbook_pos{position:absolute;right:0;top:0;width:100%;line-height:22px;color:#999;padding:45px 20px;box-sizing:border-box;}



.mar50{margin-bottom:50px;}

.red{color:#0083cd;}

.mpsc_list{ margin:0 auto;  text-align: center;}
.mpsc_list a {margin: 10px;}
.mpsc_list li{width:129px; float:left; height:39px; margin:0 20px; display:block;}
.mpsc_list li a{width:129px; height:39px; display:block; background:url(../images/index_mpsc_list_a.gif) no-repeat center center; line-height:39px; text-align:center; font-size:16px;}
.mpsc_list li a:hover{background:url(../images/index_mpsc_list_hover.gif) no-repeat center center;  color:#fff;}

a.view-more {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #666;
    font-size: 16px;
    border: 1px solid #0083cd;
    overflow: hidden;
    border-radius: 40px;
    z-index: 1;
    margin: 0 10px;
    margin-top: 20px;
}

a.view-more, a.view-more:before {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

a.view-more:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 40px;
    z-index: -1;
}


a.view-more:hover{
    color: #fff;
}

a.view-more:hover:before {
    width: 100%;
    background: #0083cd;
}