@charset "utf-8";
/*公共样式*/
*{margin: 0;padding: 0;list-style: none;}
html,body{margin: 0 auto;}
body{overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,header,section,footer{ margin: 0; padding: 0 }
body, button, input, select, textarea {
    font: 12px/1.5 "微软雅黑";
    color:#333;
}
em{font-style: normal;
    font-size: 12px;}
i{font-style: normal;
    font-size: 12px;}
a{text-decoration: none;color: black;}
.clear{clear:both;}
.clear:after{display: block;content: "";clear: both;}

.fl{float: left;}
.fr{float: right;}

img{border: 0;display: inline-block;vertical-align: middle;}


@font-face{
    font-family: 'arial';
    src: url('arial.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('arial.woff') format('woff'),
    url('arial.ttf') format('truetype'),
    url('arial.svg#fontName') format('svg');
}
@font-face{
    font-family: 'AmericanaBT-Roman';
    src: url('AmericanaBT-Roman.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('AmericanaBT-Roman.woff') format('woff'),
    url('AmericanaBT-Roman.ttf') format('truetype'),
    url('AmericanaBT-Roman.svg#fontName') format('svg');
}

.md{width: 1200px;margin: auto;}
.container{width: 1300px;margin: auto;}

.head{width: 100%;border-top: 2px solid #014fa2;height: 86px;}
.head a.logo{display: block;float: left;width: 391px;height: 59px;margin-top: 15px;}
.head_r{margin-top: 15px;}
.head_r .head_text{margin-left: 25px;}
.menu{background-color: #f7f7f7;border-top: 1px solid #e1e1e1;}
.menu_md{width: 1200px;margin:0 auto;height: 50px;}
.menu_md ul{height: 50px;}
.menu ul li{float: left;width: 133px;line-height: 50px;font-size: 16px;text-align: center;color: #333;position: relative;/*overflow: hidden;*/height: 50px;background: url("x.jpg") no-repeat right;
}
.menu ul li:last-child{background: none;}
.menu ul li:nth-child(9){background: none;}
.menu ul li a {
    display: block;
    width: 138px;line-height: 50px;height: 50px;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.menu ul li a span{color: #014fa2;}
.menu ul li a:hover{color: #014fa2;}
.menu ul li ul{
	position: absolute;
	top: 50px;
	left: 0px;
	z-index: 999;
}
.menu ul li ul li ul li{
	width: 270px;
	/*padding: 0 20px;*/
}
.menu ul li ul li{
	background: rgba(0,0,0,0.5);
	height: 40px;
	line-height: 40px;
	/*width: 270px;*/
}
.menu ul li ul li:last-child{
	background: rgba(0,0,0,0.5);
}
.menu ul li ul li a{
	color: #fff;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}
.menu ul li>ul>li:hover>a{
	/*font-weight: bold;*/
	color: #fff;
	background: #014fa2;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*banner轮播*/
.slidebox{max-width: 1920px;width:100%;height: 560px;overflow: hidden;position: relative;margin: 0 auto;}
.slidebox .bd{position: relative;height: 100%;z-index: 0;}
.slidebox .bd li{zoom:1;vertical-align: middle;height: 560px;max-width: 1920px;}
.slidebox .prev,.slidebox .next{position: absolute;top: 50%;width: 79px;height: 119px;background: url("banner-Pn.png") 0 0 no-repeat;margin-top: -39.5px;
}
.slidebox .prev{left: 0;}
.slidebox .next{right: 0;background-position-y: -119px;}
.slidebox .prev:hover,.slidebox .next:hover{background-position-x:-79px;}

/*首页关于们*/
.about{margin-top: 35px;}
.about_left{width: 599px;height: 320px;text-align: center;line-height: 320px;font-size: 0;}
.about_left img{
	max-width: 100%;
	max-height: 100%;
}
.about_right{width: 545px;height: 320px;}
.about_right .about_title{margin: 10px 0 10px 0;}
.about_right .ttile{color: #014fa2;font-size: 20px;font-weight: bold;line-height: 50px;}
.about_right .words{font-size: 14px;color: #404040;line-height: 200%;margin-top: 20px;text-align: justify;}
.about_right a.more{
    display: block;
    width: 160px;
    height: 42px;
    /*background-color: #014fa2;*/
    /*color: #fff;*/
    color: #ababab;
    background: #eee;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    margin-top: 40px;
}
.about_right a.more:hover{
    color: #fff;
    background:#014fa2;
}

/*首页产品*/

.product{
    /*background: url("pro_bj.jpg") no-repeat center;*/
    width: 100%;
    /*height: 450px;*/
    margin-top: 80px;
    background: #014fa2;
    padding-bottom: 60px;

}
.pro_bottom{position: relative;}
.pro_bottom .hd{position: absolute;right: 0;top: -90px;
    width: 94px;height: 32px;z-index: 99;}
.pro_bottom .hd a.prev,.pro_bottom .hd a.next{
    display: inline-block;width: 32px;height: 32px;
}
.pro_bottom .hd a.prev{background: url("lr.png") no-repeat;right: 70px;margin-right: 24px;}
.pro_bottom .hd a.next{background: url("lr.png") no-repeat;background-position: -38px 0;
    right: 0;}
.pro_bottom .hd a.prev:hover{
    background: url("lr.png") no-repeat;background-position: 0 -38px;
}
.pro_bottom .hd a.next:hover{
    background: url("lr.png") no-repeat;background-position: -38px -38px;
}
.product .about_title{padding: 39px 0 24px 0;}
.pro_box{height: 358px;
    /*overflow: hidden;*/
}
.product .pro_list{width: 1200px;position: relative;display: none;
    /*overflow: hidden;*/
}

.pro_nav{margin-bottom: 23px;}
.pro_nav p{
    width: 105px;
    height: 41px;
    float: left;
    margin-right: 20px;
    /*background: url("btn_bj_h.png") no-repeat;*/
    background: #014fa2;
    text-align: center;
    line-height: 41px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
}
.pro_nav p.on{
    /*background: url("btn_bj.png") no-repeat center;*/
    background: #fff;
    color: #014fa2;
    cursor: pointer;
}
.pro_bottom .bd{position: relative;width: 1200px;height: 358px;overflow: hidden;}
.pro_bottom .bd ul li{position: relative;width: 260px;height: auto;overflow: hidden;float: left;margin-right: 35px;width: 200px;}
/*.pro_bottom .bd ul li:last-child{margin-right: 0px}*/
.pro_bottom .bd ul li a{
	display: block;
	width: 200px;
}
.pro_bottom .bd ul li .pic{width: 200px;height: 178px;position: relative;overflow: hidden;}
.pro_bottom .bd ul li .pic img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 100%;width: 100%;display: block;transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;}
.pro_bottom .bd ul li .text{
    background: #fff;border-right: 1px solid #e9e9e9;
    width: 200px;
}
.pro_bottom .bd ul li .text .title{color: #404040;font-size: 16px;font-weight: bold;
    line-height: 32px;
    width: 190px;
    /*text-indent: 10px;*/
   padding-left: 10px;
   
    }
.pro_bottom .bd ul li .text .model{font-size: 14px;color: #404040;margin-left: 30px;line-height: 25px;}
.pro_bottom .bd ul li:hover .pic img{transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);

}
/*.pro_bottom .bd ul li:hover .text{background: #014fa2;}*/
/*.pro_bottom .bd ul li:hover .text .title{*/
    /*color: #fff;*/
/*}*/
.pro_bottom .bd ul li:hover .text .model{color: #fff;}

/*新闻中心*/
.news{}
.news .about_title{background: #f7f7f7;height: 150px;padding-top: 20px;}
.news .about_title img{display: block;margin: auto;margin-top: 30px;}
.news .about_title p{text-align: center;font-size: 20px;font-weight: bold;color: #014fa2;line-height: 80px;}
.news_left{
    width: 575px;
    height: 355px;
    position: relative;
    margin-top: 30px;
}
.news_left a img{
    width: 100%;
    height: 100%;
}
.news_left .share{background: rgba(0,0,0,.7);color: #fff;font-size: 16px;text-align: center;width: 100%;height: 60px;line-height: 60px;position: absolute;bottom: 0;
}
.news_left .time{border-right: 5px solid #fff;border-bottom: 5px solid #fff;border-top: 1px solid #fff;font-family: arial;
    width: 107px;height: 96px;text-align: center;position: absolute;left: 0;top: 0;background: #014fa2;
}
.news_left .time .day{
    font-size: 40px;font-weight: bold;color: #fff;display: block;margin-top: 5px;
}
.news_left .time .year{font-size: 14px;color: #fff;display: block;margin-top: -5px;}
.news_right{width: 575px;margin-top: 30px;}
.news_right .news_list{
    border-bottom: 1px dashed #c7c7c7;
    padding-bottom: 12px;
}
.news_right .news_list .title .news_title{font-size: 16px;font-weight: bold;color: #404040;float: left;line-height: 50px;}
.news_right .news_list .title .news_time{color: #ababab;font-size: 14px;float: right;line-height: 50px;}
.news_right .news_list .words{color: #ababab;font-size: 14px;line-height: 200%;}
.news_right .news_list:hover .title .news_title{color: #014fa2;}
.news_right .news_list:hover .words{color: #014fa2;}

.foot{width: 100%;height: 215px;background: #f7f7f7;margin-top: 50px;}
.foot .foot_logo{width: 108px;height: 215px;}
.foot .foot_logo img{max-width: 100%;height: auto;margin: auto;margin-top: 52px;}
.foot .foot_right{width: 1063px;}
.foot .foot_right ul{float: left;margin-left: 55px;margin-top: 24px;}
.foot .foot_right ul p a{color: #014fa2;font-size: 16px;font-weight: bold;display: block;line-height: 40px;
}
.foot .foot_right ul li a{color: #808080;font-size: 14px;display: block;line-height: 30px;
}
.foot .foot_right ul li a:hover{
	color:#014fa2;
}
.copy{border-top: 1px solid #e1e1e1;color: #818181;line-height: 59px;text-align: center;background: #f7f7f7;font-size: 14px;}
.copy a{color: #818181;}



/*产品中心*/
.main{margin-top: 50px;}
.sidebar{width: 230px;float: left;}
.sidebar .sideTitle{width: 230px;height: 120px;background-color: #014fa2;
    color: #fff;}
.sidebar .sideTitle .china{font-size: 24px;padding-top: 22px;padding-left: 30px;}
.sidebar .sideTitle .englist{font-size: 14px;font-family: 'AmericanaBT-Roman';padding-left: 30px;padding-top: 7px;}
.sidebar .navbar{margin-top: 1px;}
.sidebar .navbar>ul>li{
    width: 100%;
    line-height: 60px;
    font-size: 16px;
    background: #f1f1f1;
    margin-top: 5px;
}
.sidebar .navbar>ul>li ul{
    display: none;
}
.sidebar .navbar>ul>li>a{display: block;padding-left: 50px;color: #000;background: url("x1.png") no-repeat 20px 20px;}
.sidebar .navbar>ul>li>a:hover{background:  #014fa2;color: #fff;}
.sidebar .navbar>ul>li>a.on{
    background: #014fa2;
    color: #fff;
}
.sidebar .navbar ul li ul li:hover{
    background: #7fb2ed;
}
.sidebar .navbar ul li ul li a{
    font-size: 14px;
    display: block;
    color: #515151;
    background: url("x1.png") no-repeat 20px 20px;
    text-align: center;
    line-height: 30px;
        border-top: 1px dashed #a9a9a9;
}
.sidebar .Contact{width: 100%;/*height: 240px;*/border-top: 3px solid #014fa2;margin-top: 50px;}
.sidebar .Contact .title{height: 46px;/*width: 100%;*/border-bottom: 1px solid #d8d8d8;line-height: 46px;font-size: 16px;padding-left: 20px;/*font-family: 'AmericanaBT-Roman';*/}
.sidebar .Contact .title .contact-english{color: #999999;}
.sidebar .Contact .title strong span{/*border-bottom: 2px solid #014fa2;*/padding-bottom:14px;}
.sidebar .Contact .text{font-size: 14px;padding-left: 20px;background: url("contact_bg.png") no-repeat bottom center;background-size: contain;color: #000;}
.sidebar .Contact .text .address{/*height: 56px;*/line-height: 28px;}
.sidebar .Contact .text span{display: block;}
.sidebar .Contact .text p.tel{line-height: 26px;/*font-family: 'AmericanaBT-Roman';*/margin-top: 10px;}
.sidebar .Contact .text p.fax{line-height: 26px;margin-top: 10px;}
.sidebar .Contact .text p.email{line-height: 26px;margin-top: 10px;}
.sidebar .Contact .text p.address{line-height: 26px;margin-top: 10px;}
.text .icotel01{
    display: block;float: left;width: 19px;height: 18px;background: url("tel01.png") no-repeat;margin-top: 5px;margin-right: 13px;
}
.text .icotel02{
    display: block;float: left;width: 19px;height: 18px;background: url("tel02.png") no-repeat;margin-right: 13px;margin-top: 5px;
}
.text .icotel03{
    display: block;float: left;width: 19px;height: 12px;background: url("tel03.png") no-repeat;margin-top: 5px;margin-right: 13px;
}
.text .icotel04{
    display: block;float: left;width: 19px;height: 18px;background: url("tel04.png") no-repeat;margin-top: 0px;margin-right: 13px;padding-bottom: 40px;margin-top: 5px;
}

/*产品中心*/
.main_right{width: 920px;float: left;margin-left: 50px;}
.main_content{margin-top: 30px;}
.main_top{height: 34px;width: 100%;border-bottom: 1px solid #e0e0e0;line-height: 34px;}
.navbar_name{font-size: 16px;color: #014fa2;border-bottom: 2px solid #014fa2}
.path{font-size: 14px;color: #a1a1a1;}
.path a{color: #a1a1a1;}
.path a:last-child{color: #014fa2;}
.product_list ul li{width: 280px;float: left;margin-right: 35px;margin-top: 35px;border: 1px solid #e0e0e0;}
.product_list ul li .pic{height: 200px;position: relative;overflow: hidden;width: 280px;}
.product_list ul li .pic img{position: absolute;top: 0;left:0;bottom: 0;right: 0;max-height: 100%;margin: auto;display: block;-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;}
.product_list ul li .title{width: 100%;height: 40px;background: #e0e0e0;color: #404040;text-align: center;font-size: 14px;font-weight: bold;line-height: 40px;}
.product_list ul li:hover .title{color: #fff;background: #014fa2;}
.product_list ul li:hover .pic img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
    /*内页banner*/
.banner-n{max-width: 1920px;margin: 0 auto;height: 260px;position: relative;}
.banner-n img{position: absolute;top: 0;left:50%;margin-left: -960px;}


/*新闻中心*/
.hot_news{
    width: 100%;height: 249px;
    /*border-bottom: 1px solid #bfbfbf;*/
    padding-bottom: 20px;
}
.hot_news .pic{width: 459px;height: 249px;position: relative;}
.hot_news .pic img{
    position: absolute;top: 0;left:0;bottom: 0;right: 0;max-height: 100%;width: 100%;margin: auto;display: block;
}
.hot_news .pic .share{background: rgba(0,0,0,.7);color: #fff;font-size: 16px;text-align: center;width: 100%;height: 48px;line-height: 48px;position: absolute;bottom: 0;
}
.hot_news .pic .time{border-right: 5px solid #fff;border-bottom: 5px solid #fff;border-top: 1px solid #fff;font-family: arial;
    width: 107px;height: 96px;text-align: center;position: absolute;left: 0;top: 0;background: #014fa2;
}
.hot_news .pic .time .day{
    font-size: 40px;font-weight: bold;color: #fff;display: block;margin-top: 5px;
}
.hot_news .pic .time .year{font-size: 14px;color: #fff;display: block;margin-top: -5px;}

.hot_news .text{
    width: 420px;
}
.hot_news .text .title{color: #014fa2;font-size: 18px;line-height: 170%;}
.hot_news .text .time{
    font-size: 16px;color: #4d4d4d;line-height: 40px;
}
.hot_news .text .words{
    font-size: 14px;color: #ababab;line-height: 200%;
}
.hot_news .text a.more{
    display:block;width: 160px;height: 42px;
    /*color: #fff;*/
    /*background: #014fa2;*/
    color: #ababab;
    background: #eee;
    font-size: 14px;line-height: 42px;text-align: center;float: right;margin-top: 22px;
}
.hot_news .text a.more:hover{
    color: #fff;
    background:#014fa2 ;
}

.infrom_box .inform_list{
    /*border-bottom: 1px solid #c7c7c7;*/
    /*padding-top: 15px;
    padding-bottom: 20px;*/
    /*margin-bottom: 9px;*/
}
.infrom_box .inform_list:hover{
    background: #eee;
}
.infrom_box .inform_list .title{
    background: url(ybg.jpg) left center no-repeat;
    background-size: 5px 5px;
    padding-left: 22px;
}
.infrom_box .inform_list .title .news_title{
    font-size: 16px;
    color: #404040;
    float: left;
    line-height: 35px;
}
.infrom_box .inform_list:hover .news_title{
	color: #014fa2;
}
.infrom_box .inform_list .title .news_time{color: #ababab;font-size: 14px;float: right;line-height: 35px;}
.infrom_box .inform_list .words{color: #ababab;font-size: 14px;line-height: 200%;}
/*.infrom_box .inform_list:hover .title .news_title{color: #014fa2;}*/
/*.infrom_box .inform_list:hover .words{color: #014fa2;}*/
.infrom_box .inform_list .more{display: block;float: right;width: 82px;height: 27px;border: 1px solid #bfbfbf;text-align: center;line-height: 27px;
color: #bfbfbf; -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari 和 Chrome */
    border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    margin-top: 10px;
}
.infrom_box .inform_list .more:hover{background: #014fa2;color: #fff;border: 1px solid #014fa2;}



    /*分页*/

.pageClass {
    text-align: center;
    font-size: 14px;
    padding-top: 70px;
    padding-bottom: 50px;
    clear: both;
}
.pageClass span {
    padding: 7px 12px;
    display: inline-block;
    margin-left: 3px;
    font-size: 14px;
    background-color:#e3e3e3;
    color: #5a5a5a;border: 1px solid #e3e3e3;
}
.pageClass strong span{
    color: #fff;
    background-color: #014fa2;
    border: 1px solid #014fa2;

}
.pageClass .next span{color: #5a5a5a;background-color: #e3e3e3;}


/*内容页*/
.content{margin:10px 0 30px;overflow: hidden;background-color: #ffffff;padding-bottom: 20px;}
.content .article_title {
    margin:30px 29px 10px;
    text-align: center;
    border-bottom:1px solid #eeeeee;
    padding-bottom:40px;
}
.content .article_title h3 {
    font-size: 20px;
    color:#333;
}
.content .article_title .author {
    font-size: 13px;
    color: #999;
    margin-top: 10px;
}
.content .article_con{
    padding: 25px 29px 25px;
    font-size: 14px;
    color: #444444;
    text-align: justify;
    line-height: 33px;
    min-height: 500px;
}
.content .article_con table{margin:auto;}
.content .article_con img{max-width: 100%;display: inline-block;height: auto !important;}
.content .up,.content .down {
    font-size: 14px;
    text-align: left;
    color: #333333;
    font-weight: bold;
    margin:10px 29px 0;
}
.content .up a,.content .down a {
    color: #777777;
    font-weight: normal;
}
.content .up a,.content .down a,.content .up span,.content .down span{font-size: 14px;}
.content .up a:hover,.content .down a:hover{color:#014fa2;}
.share-bot{margin: 0 29px;}

.contact_bottom{/*background: #eeeeee;*/margin-top: 20px;}
.contact_bottom .form{width: auto;background: url("contactBg.png") no-repeat bottom right; padding-bottom: 200px;}
.contact_bottom .form p{color: #333333;font-size: 24px;line-height: 80px;margin-top: 5%;}
.contact_bottom .map{width: 100%;}
.contact_bottom .form form{margin-left: 15%;font-size: 20px;}
.contact_bottom .form form input{
    width: 60%;
    height: 40px;
    border: 0;
    margin-bottom: 3%;
    padding-left: 2%;
    font-size: 16px;
    border: 1px solid #a7a7a7;
}
.contact_bottom .form form textarea{
    width: 60%;
    height: 120px;
    border: 0;
    padding-left: 2%;
    font-size: 16px;
    padding-top: 2%;
    border: 1px solid #a7a7a7;
    resize: none;
    margin-bottom: 3%;
}
.contact_bottom .form form #butOk{border: 2px solid #014fa2;background: no-repeat;font-size: 20px;color: #fe383e;width: 154px;height: 44px;margin-top:3%;
    padding-left: 0;
    }
    



.float-contact{
	z-index: 999;
}


/*.certificate ul li{width: 280px;height: 400px;float: left;margin-right: 35px;margin-top: 35px;border: 1px solid #e0e0e0;}
.certificate ul li .pic{height: 350px;position: relative;overflow: hidden;width: 220px;padding: 0 30px;}
.certificate ul li .pic img{position: absolute;top: 0;left:0;bottom: 0;right: 0;width:220px;max-height: 100%;margin: auto;display: block;-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    }*/
.certificate ul li .pic img{
	max-height: 98%;
}
.certificate ul li:hover .title{    background: #e0e0e0;
    color: #404040;
   }
.certificate ul li:hover .pic img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}







#product_list .title{
	line-height: 40px;
}
#product_list .title a:hover{
	color: red;
	font-weight: bold;
}

input.layui-input {
    width: 60%;
    height: 45px;
    border: 0;
    margin-bottom: 3%;
    padding-left: 2%;
    font-size: 16px;
    border: 1px solid #a7a7a7;
}
textarea.layui-textarea {
    width: 60%;
    height: 120px;
    border: 0;
    padding-left: 2%;
    font-size: 16px;
    padding-top: 2%;
    border: 1px solid #a7a7a7;
    resize: none;
    margin-bottom: 3%;
}
img.validateCode {
    height: 45px;
    margin-top: -6px;
}
input#butOk {
    border: 2px solid #014fa2;
    background: no-repeat;
    font-size: 20px;
    color: #fe383e;
    width: 154px;
    height: 44px;
    margin-top: 3%;
    padding-left: 0;
}
.yl{
	    color: #333333;
	    font-size: 24px;
	    line-height: 80px;
	    margin-top: 5%;
}
.layui-form { 
    float: right;
    margin-right: 120px; 
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #014fa2;
}
.layui-box.layui-laypage.layui-laypage-default {
    width: 100%;
    text-align: center;
    margin: 50px auto;
}