@charset "utf-8";
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#f4f5f9}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1 ;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;color:#202020}
//设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色
/*
//cancel by samson.han
a, a:link, a:visited, a:active {text-decoration:none;color:#202020;}
a:active, a:hover {text-decoration:none;color: #3498db;}
*/
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
caption {display:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
img{vertical-align:top}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
//设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色
/*
::selection {color: #fff;background-color: #4C6E78;}
::-moz-selection {color: #fff;background-color: #4C6E78;}
*/
//清除浮动
.clear{clear: both;}
//清除浮动--推荐使用
.clearfix:before,.clearfix:after{content: '';display: table;}
.clearfix:after{clear: both;}

button, input, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
button, select {text-transform: none;}
button, input, optgroup, select, textarea { margin: 0;font: inherit;color: inherit;}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-block {display: block;width: 100%;}
.col-6{width: 50%;float:left;}
.col-3{width: 25%;float:left;}
.m-l-16{margin-left: 16px;}
.m-r-16{margin-right: 16px;}

.top{width: 100%;min-width: 1170px;height: 60px; border-bottom: 1px solid #e2e2e2; color: #666666; background: #ffffff;}
.top ul{width: 1170px; margin: 0 auto;}
.top ul li{margin-top: 20px;}
.top ul li span,.top ul li a{display: block; height: 20px; font-size: 16px; line-height: 20px; background: url(../img/topinc.png) 0 0 no-repeat; padding-left: 30px; float: left; margin-right: 20px; color: #666666;}
.top ul li a:active, .top ul li a:hover {color: #3498db;}
.top_lang{width:170px; height: 20px; float: right;}
.top_cont{width:470px; height: 20px; float: left;}
.top ul li .top_tel{background-position: 0 0;}
.top ul li .top_mail{background-position: 0 -20px;}
.top ul li .top_en{background-position: 0 -40px;}
.top ul li .top_cn{background-position: 0 -60px;}
.main{width: 1170px; margin: 0 auto;}
.mainbox{overflow: hidden;}
.menu{width: 100%;min-width: 1170px;height: 100px; border-bottom: 1px solid #e2e2e2; color: #666666; background: #ffffff;}
.menu h1{display: block; width: 280px; height: 99px; float: left;}
.menu ul{width: 850px; height: 99px; float: left;}
.menu ul li{height: 99px; float: left; font-size: 18px; line-height: 99px;}
.menu ul li a{display: block; height: 99px; line-height: color:#202020; position: relative;}
.menu ul li a span{ display: block; height: 99px; line-height: 99px; padding: 0 20px; cursor: pointer; color:#202020;}
.menu ul li a:hover span{color: #3498db;}
.menu ul li a em{display: none;width: 100%; height: 5px; background: #00aeef; position: absolute; bottom: -1px; left: 0;}
.menu ul li a.cur em{display: block;}
.floor{width: 100%;min-width: 1170px; margin-top: 100px; background: #222222; border-top: 5px solid #00aeef; color: #7f7f7f; padding: 60px 0; overflow: hidden;}
.floor .logo{display:block;width:370px;height:100px;float:left;background:url(../img/logo.png) 0 0 no-repeat;}
.floor .floor_main{width:800px;overflow:hidden;float:left;}
.floor .floor_main .floor_idx{width:370px;margin-left:30px;float:left;}
.floor .floor_web{float: right; font-size:14px; color: #7f7f7f; line-height: 1.5em;}
.floor_web a, .floor_web a:link, .floor_web a:visited, .floor_web a:active{color:#7f7f7f;}
.floor_web a.cur{ /*color:#00aeef;*/ }
.floor_web a:hover{color:#fff;text-decoration:underline;}
.floor_web .link{margin-bottom: 20px;}
.floor_idx dt{font-size:20px;color:#bcbcbc;margin-bottom:40px;}
.floor_idx dd{font-size:14px;color:#7f7f7f;line-height:24px;margin-bottom:6px;}
.floor_idx dd a, .floor_idx dd a:link, .floor_idx dd a:visited, .floor_idx dd a:active{color:#7f7f7f;}
.floor_idx dd a.cur{/*color:#00aeef;*/}
.floor_idx dd a:hover{color:#fff;text-decoration:underline;}
.floor_right{width: 100%;min-width: 1170px; background: #131313; color: #7a7a7a; line-height: 30px; padding: 20px 0; }
.floor_right a{color: #0d5473;}
.floor_right a:hover{color: #00aeef;text-decoration:underline;}
.banner_idx{position:relative;width: 100%; min-width: 1170px; height: 370px; background: #3498db;}
.banner_web{position:relative;width: 100%; min-width: 1170px; height: 320px; background: #3498db;}
.searchidx{position:relative;width: 100%; min-width: 1170px; height: 120px; background: url(../img/index_yun.png) center bottom repeat-x; background-color:#3498db; display: inline-block;}
.searchidx .main{width: 890px; height: 100px; background: #fff; margin-top: 16px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.searchidx .main form{padding: 20px;}
.searchidx .main .inpt{color:#666;font-size:16px;}
.searchidx .main .txt{height: 50px;}
.searchidx .main .sel{height: 50px;}
.searchidx .main .btn{height: 50px;background:#00aeef;color:#fff;}


.aboutidx{width: 100%;min-width: 1170px;height: 511px; border-bottom: 1px solid #e2e2e2; color: #666666; background: #ffffff; }
.aboutidx h3{text-align: center;font-size: 24px; font-weight: normal; line-height: 30px; margin-top: 30px; margin-bottom: 50px;}
.aboutidx h3 p{color: #a9a8a8;font-size: 14px; line-height: 20px;  margin-top: 10px;}
.aboutidx a{display: block; width: 370px; height: 380px; float: left; text-align: center; border-bottom: 2px solid #00aeef;}
.aboutidx a h4{font-size: 20px; font-weight: normal;line-height: 40px; margin-bottom: 20px;}
.aboutidx a h4 img{display: block; margin: 10px auto; margin-top: 50px;}
.aboutidx a p{text-align:left; padding: 0 24px; font-size: 16px; color: #666666; line-height: 24px;}
.aboutidx a.cur{margin: 0 30px; background: #00aeef;}
.aboutidx a.cur p, .aboutidx a.cur h4{color: #fff;}
.proidx{margin: 100px auto;}
.proidx .protitle{height: 50px;border-bottom: 1px solid #e2e2e2;}
.proidx .protitle a{float: left; height: 50px; padding: 0 45px; line-height: 46px;  font-size: 18px; }
.proidx .protitle a.cur{border-bottom:5px solid #00aeef;_height: 45px;}
.proidx .prolist{width: 1170px; margin-top: 36px; overflow: hidden;}
.proidx .prolist ul{width: 11700px;clear: both; display: none;}
.proidx .prolist ul.cur{display: block;}
.proidx .prolist ul li{float: left;text-align: center; width: 170px; margin-right: 29px;}
.proidx .prolist ul li a{text-align: center; color: #888;}
.proidx .prolist ul li a img{display: block; border: 1px solid #eee; max-width: 100%; margin: 0 auto;margin-bottom: 10px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.proidx .prolist ul li a:hover{color: #000;}
.downidx{width: 100%;min-width: 1170px;min-height: 400px; border-top: 1px solid #e2e2e2; color: #202020; background: url(../img/down_back.png) 0 0 no-repeat #ffffff;}
.downidx .main{overflow: hidden; min-height: 400px; position: relative;}
.downidx .title{ display: block; font-size: 20px; font-weight: normal; border-left: 5px solid #00aeef; padding-left: 5px; margin-left: 6px; margin-bottom: 20px;}
.downidx .title p{ display: block; width: 100%; border-top: 5px solid #d1cecf; font-size: 18px; color: #939393; text-align: right; line-height: 30px; margin-top: 10px;}
.downidx .news_idx{float: left; width:48%; margin-top: 90px; overflow: hidden;}
.downidx .news_idx dl{background: #f9f9f9; padding: 20px 20px; margin-bottom: 8px;border-radius: 6px;}
.downidx .news_idx dl:nth-child(even){background: #f4ffff;}
.downidx .news_idx dl dt{color: #202020; font-size: 18px; line-height: 40px;}
.downidx .news_idx dl dt a, .downidx .news_idx dl dt a:link, .downidx .news_idx dl dt a:visited, .downidx .news_idx dl dt a:active {text-decoration:none;color:#202020;}
.downidx .news_idx dl dt a:hover {text-decoration:underline;color: #000000;}
.downidx .news_idx dl dd{color: #666666; font-size: 16px; line-height: 24px;}
.downidx .news_idx dl:hover{background: #00aeef;}
.downidx .news_idx dl:hover dd{color:#bbeeee;}
.downidx .news_idx dl:hover dt a{color:#fff;}
.downidx ul{float: right; width:48%; margin-top: 90px;}
.downidx ul li.list{width: 100%; height: 100px; background: #f9f9f9;border-radius: 6px;}
.downidx ul li.list:nth-child(even){background: #f4ffff;}
.downidx ul li.list h6{ height: 70px; width: 65%; margin-top: 15px; margin-left: 15px; float: left; background: url(../img/down.png) 0 0 no-repeat; }
.downidx ul li.list h6 span{display: block;padding-left: 85px; font-size: 17px; font-weight: normal; line-height: 30px; margin-top: 10px;}
.downidx ul li.list em{display: block; float: left; margin-top: 25px; line-height: 50px; background: url(../img/down_inc.png) left center no-repeat; padding-left: 15px;}
.downidx ul li.list a{float: right; display: block;width:100px; height:50px;background:#d1cecf;color:#fff;line-height:50px;text-align: center;margin-top:25px; margin-right:20px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.downidx ul li.list:hover{background: #00aeef;}
.downidx ul li.list:hover h6{background: url(../img/down_hover.png) 0 0 no-repeat; }
.downidx ul li.list:hover h6 span, .downidx ul li.cur em{color:#fff;}
.downidx ul li.list:hover a{background: #0486b7;}


.path_main{text-align: center; font-size: 16px; color: #999999; margin-top:50px;}
.path_main a, .path_main a:link, .path_main a:visited, .path_main a:active {text-decoration:none;color:#999999;}
.path_main .path_title, .path_main .path_title:link, .path_main .path_title:visited, .path_main .path_title:active {text-decoration:none;color:#00aeef; font-size: 20px;}
.path_main a:hover {text-decoration:none;color: #000000;}
.path_main h1{ font-size: 30px;font-weight: normal;color:#6a6a6a; background: url(../img/about_title.png) top center no-repeat; margin: 0 70px; margin-top: 36px; padding-top: 16px; letter-spacing:18px; text-indent: 18px; line-height: 40px;}
.path_main h1.news_title{letter-spacing:2px; text-indent: 2px;}
.about_info{background-color:#ffffff; margin: 50px 70px 0; padding: 40px; font-size: 18px; line-height: 30px; color: #333333; overflow: hidden;}
.news_info{background: url(../img/new_list.png) 0 0 no-repeat #ffffff; padding: 40px 120px; margin: 50px 70px 0; font-size: 18px; line-height: 30px; color: #333333; overflow: hidden;}
.about_info p, .news_info p{margin-bottom: 18px; text-indent: 2em; }

.news_list{margin: 50px 70px 0;}
.news_list dl{background: url(../img/new_list.png) 0 0 no-repeat #ffffff; padding: 25px 120px; margin-bottom: 8px;}
.news_list dl dt{color: #202020; font-size: 18px; line-height: 40px;}
.news_list dl dt a, .news_list dl dt a:link, .news_list dl dt a:visited, .news_list dl dt a:active {text-decoration:none;color:#202020;}
.news_list dl dt a:hover {text-decoration:underline;color: #000000;}
.news_list dl dd{color: #666666; font-size: 16px; line-height: 24px;}
.page{text-align: center; font-size: 16px; margin-top: 20px;}
.page a, .page a:link, .page a:visited, .page a:active {display:inline-table;padding: 10px; background: #fff; margin-left: 5px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.page a.num{padding: 10px 15px;}
.page a:hover {background: #666; color: #fff;}
.page .current{display:inline-table;padding: 10px 15px; background: #00aeef; color: #fff; margin-left: 5px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.contact{width: 100%;min-width: 1170px;height: 760px; color: #666666; background: #202020; overflow: hidden; text-align: right;}
.contactbox{max-width: 1600px; margin: 0 auto;}
.contact .main{position: relative;}
.contact_info{position: absolute; width: 670px; height: 760px;left:0; top: 0; background: #202020}
.contact_info .box{padding: 140px 70px 0 0;}
.contact_info .box h1{display: block; font-size: 36px; height: 36px; /*border-right: 6px solid #00aeef;*/ font-weight: normal;padding-right: 6px; color: #ffffff; overflow: hidden; margin-bottom: 50px;}
.contact_info .box,.contact_info .box p{font-size: 16px; line-height: 36px; color: #999999; }
.contact_info .box p{margin: 0; padding: 0;}
.contactMap{width: 100%;min-width: 1170px; color: #666666; background: #fff; overflow: hidden; text-align: right;}

.pic_list{overflow: hidden; margin-top: 50px;}
.pic_list ul li{width:390px; height: 390px; float: left; overflow: hidden;}
.pic_list ul li a{display: block; width: 350px; height: 350px; overflow: hidden; margin: 20px; background: #ffffff; position: relative; border-radius: 6px;}
.pic_list ul li i{display: block; width: 390px; height: 390px;overflow:hidden; margin-left: -20px; margin-top: -20px;}
.pic_list ul li i.loadimg {
}
.pic_list ul li i.loadimg div {
	width: 40px;
	height: 40px;
        margin: 175px 0 0 175px;
        border-radius: 4px;
	opacity: 0.3;
	background: url('fancybox_loading.gif') #000 center center no-repeat;
}
.pic_list ul li a img{display: block;}
.pic_list ul li a h4{display: block; width: 100%; height: 70px; position: absolute; left: 0; bottom: 30px; background: rgba(0,0,0,0.6); color: #ffffff; font-size: 20px; font-weight: normal; line-height: 70px; text-align: center; overflow: hidden;}
/*.pic_list ul li a:hover{width: 390px; height: 390px; margin: 0;}*/
.pic_list ul li a:hover h4{background: rgba(0,174,239,0.8);}


.prolist{margin: 100px auto;}
.prolist .protitle{height: 50px;border-bottom: 1px solid #e2e2e2;}
.prolist .protitle a{float: left; height: 50px; padding: 0 45px; line-height: 46px;  font-size: 18px; }
.prolist .protitle a.cur{border-bottom:5px solid #00aeef;_height: 45px;}
.prolist .protitle_son{text-align: center; overflow: hidden;}
.prolist .protitle_son a{ padding: 6px 10px; line-height: 50px; font-size: 18px; margin-right: 10px;}
.prolist .protitle_son a:hover{background: #eeeeee;border-radius: 4px;}
.prolist .protitle_son a.cur{background: #00aeef;color:#fff; border-radius: 4px;}
.prolist .prolist{width: 1170px; margin-top: 36px; overflow: hidden;}
.prolist .prolist ul{width: 1200px;clear: both; display: block;}
.prolist .prolist ul.cur{display: block;}
.prolist .prolist ul li{float: left;text-align: center; width: 170px; margin-right: 29px; margin-bottom: 30px; overflow: hidden;}
.prolist .prolist ul li a{text-align: center; color: #888; }
.prolist .prolist ul li a span{display: block; border: 1px solid #eee; width:100%; height:160px; overflow: hidden;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; margin: 0 auto; margin-bottom: 10px; background: #fff;}
.prolist .prolist ul li a img{display: block; max-height: 100%; margin: 0 auto;}
.prolist .prolist ul li a:hover{color: #000;}

.pro_info{background-color:#ffffff; margin: 50px 70px 0; padding: 40px; font-size: 18px; line-height: 30px; color: #333333; overflow: hidden;}
.pro_info p{margin-bottom: 18px; text-indent: 2em; overflow: hidden;}
.pro_info p img{max-width: 100%;}
.pro_pic{float:right;width: 320px; text-align: center;font-size: 14px; line-height: 24px; margin: 0 0 24px 24px;}
.pro_pic img{width: 320px;}

.path_form{text-align: center; font-size: 16px; color: #999999; margin-top:50px;}
.path_form h1{ font-size: 30px;font-weight: normal;color:#6a6a6a; background: url(../img/about_title.png) bottom center no-repeat; margin: 0 70px; margin-bottom: 36px; padding-bottom: 16px; letter-spacing:18px; text-indent: 18px; line-height: 40px;}
.path_form h1.news_title{ letter-spacing:2px; text-indent: 2px;}
.form_buy{background-color:#ffffff; width:660px; height: 640px; font-size: 18px; line-height: 30px; color: #333333; overflow: hidden; float: right;}
.form_contact{background-color:#ffffff; width:470px; height: 640px; font-size: 18px; line-height: 30px; color: #333333; overflow: hidden; float: left;}
.form_buy ul{margin: 50px 95px;}
.form_buy ul li{}
.form_buy ul li .form-control{ height: 60px; border: none; border-bottom: 1px solid #eee;-webkit-box-shadow:none;box-shadow:none; font-size: 16px;}
.form_buy ul li .form-text{height: 140px;}
.form_buy ul li .btn{width: 155px; height: 40px; background: #00aeef; color: #fff; font-size: 16px; margin-top: 30px;}
.form_contact ul{margin: 50px 90px;}
.form_contact ul li{margin-bottom: 45px;}
.form_contact ul li h4{color:#00aeef; font-size: 18px; font-weight: normal; margin-bottom: 10px;}
.form_contact ul li p{color: #aaa;}

.form_faq{ width: 1030px;}
.form_faq .form_buy{height: 460px;width:600px;}
.form_faq .form_contact{height: 460px;width:400px;}


.downlist{width: 100%;min-width: 1170px; color: #202020;}
.downlist .main{overflow: hidden; position: relative;}
.downlist ul{ margin: 50px 70px 0;}
.downlist ul li{width: 100%; height: 100px; background: #f9f9f9;}
.downlist ul li:nth-child(even){background: #f4ffff;}
.downlist ul li h6{ height: 70px; width: 500px; margin-top: 15px; margin-left: 15px; float: left; background: url(../img/down.png) 0 0 no-repeat; }
.downlist ul li h6 span{display: block;padding-left: 85px; font-size: 17px; font-weight: normal; line-height: 30px; margin-top: 10px;}
.downlist ul li em{display: block; float: left; margin-top: 25px; line-height: 50px; background: url(../img/down_inc.png) left center no-repeat; padding-left: 15px;}
.downlist ul li a{float: right; display: block;width:100px; height:50px;background:#d1cecf;color:#fff;line-height:50px;text-align: center;margin-top:25px; margin-right:20px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.downlist ul li.cur{background: #00aeef;}
.downlist ul li.cur h6{background: url(../img/down_hover.png) 0 0 no-repeat; }
.downlist ul li.cur h6 span, .downlist ul li.cur em{color:#fff;}
.downlist ul li.cur a{background: #0486b7;}



/*适配移动端*/
@media only screen and (max-width: 1024px) {
	.main{width: auto; margin: 0 auto;}
	.pic_list{overflow: hidden; margin-top: 50px;}
	.pic_list ul li{width:98%; height: auto; float: left; overflow: hidden;}
	.pic_list ul li a{display: block; overflow: hidden; margin: 20px; background: #ffffff; position: relative; border-radius: 6px;}
	.pic_list ul li i{display: block; overflow:hidden; margin-left: -20px; margin-top: -20px;}
	.pic_list ul li i.loadimg {
	}
	.pic_list ul li i.loadimg div {
		width: 40px;
		height: 40px;
		margin: 175px 0 0 175px;
		border-radius: 4px;
		opacity: 0.3;
		background: url('fancybox_loading.gif') #000 center center no-repeat;
	}
	.pic_list ul li a img{display: block;}
	.pic_list ul li a h4{display: block; width: 100%; height: 70px; position: absolute; left: 0; bottom: 30px; background: rgba(0,0,0,0.6); color: #ffffff; font-size: 20px; font-weight: normal; line-height: 70px; text-align: center; overflow: hidden;}
	.pic_list ul li a:hover h4{background: rgba(0,174,239,0.8);}
		
}