*{margin:0;padding:0;font-family:'微软雅黑';}
html,body{padding:0;min-width:1250px;max-width:1920px;margin:0 auto;}
img{border:0;}
a{text-decoration:none;display:inline-block;}
ul,li,ol{margin:0;padding:0;list-style:none;}
p{margin:0;padding:0;}


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


.header{background:#fff;height:95px;}
.header .m { position:relative; }
.header .logo{float:left;margin-top:15px;}
.header .logo img{height:65px;}
.header .logo2 { float: left; margin-top: 22px; border-left: 1px solid #d5d5d5; padding-left: 15px; margin-left: 15px; }
.header .logo2 img { height: 46px; }
.header .hotphone{display:none;position:absolute;top:15px;right:20px;font-size:14px;color:#fff;}
.top .info span{display:inline-block;padding-left:45px;}
.top .info span.tel{background:url(../images/tel.png) 28px 3px no-repeat;}
.top .info span.email{background:url(../images/email.png) 28px 4px no-repeat;}
.top .language{display:none;position:absolute;z-index:10;right:0;top:35px;width:70px;height:20px;overflow:hidden;background:#444444;}
.top .language li{height:20px;line-height:20px;}
.top .language li a{color:#aaaaaa;font-size:12px;width:70px;height:20px;line-height:20px;background:#444444;text-align:center;}
.top .language li a:hover{background:#333;}
.top .language li a.cur{background:#444444 url(../images/down.png) 50px 3px no-repeat;}
.top .search{position:absolute;top:70px;right:0;height:30px;}
.top .search input{vertical-align:middle;}
.top .search input[type=text]{width:245px;height:31px;line-height:31px;color:#6c6d71;padding-left:10px;border:1px solid #333436;background:#2b2c31;border-right:0px;}
.top .search input[type=image]{border:1px solid #333436;border-left:0;}

.menu { position: absolute; left: 480px; right: 0; top: 0px; height: 95px; font-size: 12px; }
.menu .list{margin:0 auto;}
.menu .list .item { position: relative; float: left; width: 14.285%; line-height: 95px; padding-bottom: 0px }
.menu .list .item a{font-size:14px;display:block;color:#000;text-align:center;}
.menu .list .item a.first{position:relative;}
.menu .list .item a.first span{display:none;position:absolute;top:60px;left:50%;width:30px;height:5px;background:#eb3d00;margin-left:-15px;}
.menu .list .item a:hover, .menu .list .item a.cur { color: #0067d1; }
.menu .list .item a.first:hover span, .menu .list .item a.cur span { display: none; }


.menu .list .item ul{display:none;position:absolute;z-index:10;top:100%;left:0;right:0;}
.menu .list .item li{text-align:center;background:#fff;line-height:40px;}
.menu .list .item li a{color:#333;}
.menu .list .item li a:hover{}

.banner{margin:0 auto;}

.banner .flex-control-nav a { background: #fff; border-radius:100%;}
.banner .flex-control-nav a.flex-active {background:#d70800; }



.boxtitle{position:relative;text-align:center;color:#3d505f;font-size:16px;line-height:35px;}
.boxtitle .bt1 { font-size: 30px; color: #9e9e9e; }
.boxtitle .bt2 {height:40px;line-height:40px; font-size:0;}
.boxtitle .bt2 span { display: inline-block;font-size:30px;font-weight:bold; width: 16%; text-align: center; color: #2f2f2f;vertical-align:middle; }
.boxtitle .bt2 div { display: inline-block; width: 42%; height: 2px; background: #aaa; vertical-align: middle; }

.boxtitle a { position: absolute; right: 0; top: 20px; }

.boxmore { text-align: center; height: 50px; overflow: hidden; }
.boxmore a { display: inline-block; padding: 0 30px; height: 35px; line-height: 35px; color: #8b8b8b; border: 1px solid #8b8b8b; border-radius: 25px; }


.checkbox input::-webkit-input-placeholder { color: #c5dff7; }

.checkbox { height: 130px; background: #fff url(../images/searchbg.png) center top no-repeat; }

.checkbox .a { float: left; color: #fff; font-size: 25px; width:35%;text-align:center;padding-top:30px; }
.checkbox .a .a2 { font-size: 18px; color: #b8d2f7; margin-top: 10px; }
.checkbox .a .a2 div { display: inline-block; width: 30px; height: 5px; background: #b8d2f7; vertical-align: middle; }
.checkbox .a .a2 span { margin: 0 10px; vertical-align: middle; }

.checkbox .b { float: left; border: 1px solid #b6cdf0;border-left:0;border-right:0;margin:45px 0 0 50px; }
.checkbox .b input { border: 0; margin: 0; padding: 0; background: none; line-height: 30px; height: 30px;color:#fff; }

.checkbox .b input[type=text] { width: 250px; color: #fff; }
.checkbox .b input[type=submit] { width: 30px; height: 30px; background: url(../images/searchicon.png) center center no-repeat; }


.checkbox .c { float: right;width:300px;text-align:center;padding:25px 0 0 0; }
.checkbox .c .c1 { height: 36px; line-height: 36px; vertical-align: middle; font-size:16px;}
.checkbox .c .c1 span { display: inline-block; width: 36px; height: 36px; background: url(../images/phoneicon.png) center center no-repeat; vertical-align:middle;margin-right:10px;}
.checkbox .c .c2 { height: 40px; line-height: 40px; font-size: 22px; }

.productbox { overflow: hidden; height: 950px; background: url(../images/productbg.jpg) center bottom no-repeat; }
.productbox .boxtitle{margin:70px 0;}
.productbox ul{overflow:hidden;}
.productbox li{float:left;width:25%;}
.productbox li a{position:relative;display:block;background:#fff;overflow:hidden;margin:0;}
.productbox li a.r { margin-right:0; }
.productbox li a .img { position: relative; height: 0; padding-bottom: 220px; font-size: 0; text-align: center; overflow: hidden; }
.productbox li a .img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; margin:auto; }

.productbox li a .tit{color:#596874;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:40px;line-height:40px;text-align:center;}

.productbox li a:hover .bg{bottom:0;}
.productbox li a:hover .tit { color: #fff; background: #64a2dd;}

.productbox .boxmore{margin-top:20px;}



.newsbox{position:relative;height:690px;background:url(../images/productbg.jpg) center top no-repeat;}
.newsbox .boxtitle{padding:70px 0;}
.newsbox .boxtitle .bt1{}
.newsbox .boxmore{padding-top:30px;}

.newsbox .list { overflow: hidden; }
.newsbox .list li { float: left; width: 33.33%; }
.newsbox .list li a { position:relative; margin: 5px; }
.newsbox .list li .img { height: 250px; line-height: 250px; font-size: 0; text-align: center; overflow: hidden; }
.newsbox .list li .img img { width: 100%; }
.newsbox .list li .time { position: absolute; right: 0; top: 0; padding: 5px 10px; color: #fff; background: #167cdc;}

.newsbox .list li .tit { line-height: 20px; font-size: 16px; color: #363636; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newsbox .list li .cont { line-height: 20px; font-size: 13px; color: #848484;height:40px;overflow:hidden; }
.newsbox .list li .titline{ height:30px;}
.newsbox .list li .titline span { display: inline-block; height: 3px; background: #3e3e3e; width: 50px; }
.newsbox .list li { }







.aboutbox { padding: 80px 0; overflow: hidden; background: url(../images/aboutbg.jpg) center top no-repeat; color: #e5e5e5; }

.aboutbox .picture { float: left; width: 530px }
.aboutbox .content .a { height: 160px; line-height: 60px; font-size: 50px; color: #cbcbcb; vertical-align: middle; }
.aboutbox .content .a div {display:inline-block;width:100px; height: 3px; background: #cbcbcb;vertical-align:middle; margin-right:10px;}

.aboutbox .content .b {padding-left:610px; }
.aboutbox .content .b .tit {line-height:40px;font-size:25px; }
.aboutbox .content .b .titline { height: 50px; }
.aboutbox .content .b .titline span { display: inline-block; height:3px;background:#fff;width:50px;}
.aboutbox .content .b .cont { line-height: 30px; font-size:16px;height:240px;overflow:hidden;}

.aboutbox .content .boxmore { text-align: left; margin-top:30px;}


.honourbox { padding-bottom:80px;text-align:center; }
.honourbox a { display: block; color:#000;}
.honourbox .item { margin: 0 5px; }
.honourbox .img { position: relative; padding-bottom: 100%; height: 0; background: #f8f8f8; }
.honourbox .img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0;width:auto; max-width: 100%; max-height: 100%; margin: auto; }

.honourbox .tit { line-height: 30px; font-size: 14px; }


.honourbox .owl-nav div { position: absolute; width: 49px; height: 49px; text-indent: 100px; overflow: hidden; top: 50%; margin-top: -24.5px; background: url(../images/prevnext.png) no-repeat; }
.honourbox .owl-nav .owl-prev { left: -55px; background-position: 0 0; }
.honourbox .owl-nav .owl-next { right: -55px; background-position: right 0; }



.linksbox { overflow: hidden; line-height:60px; font-size: 14px; color: #959595;padding:50px 0;}
.linksbox a { font-size: 15px; color: #959595; }
.linksbox span { margin: 0 20px; }
.linksbox .tit { float: left; margin-right: 50px; font-size: 22px; color: #000; }



.questioonbox .b { float: left; width: 460px; }
.questioonbox .b .form{background:#fff;box-shadow: 1px 1px 11px 0px #aaa;padding:20px 30px;border-radius:10px;}
.questioonbox .b .form .tit{line-height:50px;font-size:18px;text-align:center;}
.questioonbox .b .form div{margin-bottom:20px;}
.questioonbox .b .form input,.questioonbox .b .form textarea{height:50px;padding:0 5%;width:90%;background:#f1f2f6;border:0;}
.questioonbox .b .form textarea{height:125px;padding:5%;}
.questioonbox .b .form input[type=submit]{width:200px;background:#e84f0b;color:#fff;font-size:18px;border-radius:10px;}
.questioonbox .b .form .btn{text-align:center;}


.footer { position: relative; clear: both; background: #2a3342 url(../images/footbg.jpg) center top no-repeat; height: 360px; color: #b7b7b7; line-height: 30px; font-size: 14px; }
.footer .m{position:relative;}

.foottitle{display:block;line-height:50px;color:#fff;font-size:14px;font-weight:bold;}


.footlogo { float: left;margin:60px 120px 0 0; }

.footmenu{float:left;margin:50px 0 0 0;width:600px;}
.footmenu li{float:left;width:33.33%;}
.footmenu li li{float:none;width:100%;}
.footmenu li li a{display:block;color:#a1a4a8;font-size:14px;line-height:25px;}

.footqrcode{position:absolute;right:0;top:60px;text-align:center;color:#888b91;}
.footqrcode img{width:140px;}

.footcontact{display:none;float:left;width:300px;margin-top:120px;line-height:40px;}

.footcontact .fc2 div span{display:inline-block;width:24px;height:24px;background:url(../images/footcontacticons.png) center -2px no-repeat;text-indent:100px;overflow:hidden;vertical-align:middle;margin-right:10px;}
.footcontact .fc2 div.fcemail span{background-position:center -36px;}
.footcontact .fc2 div.fcaddress span{background-position:center -72px;}


.footgotop { display: none; position: absolute; left: 50%; top: 0; width: 80px; height: 80px; margin-left: -40px; background: none; }



.footcopyright { position: absolute; left: 0; right: 0; bottom: 0; height: 80px; line-height: 80px; background: none; color: #fff; text-align: center; border-top: 1px solid #b7b7b7; }






.in { clear: both; padding:50px 0; }

.in .m { width: 1000px; margin: 0 auto; }

.in .left { float: left; width: 230px; margin:0 20px 60px 0; }
.in .left .a { height: 40px; line-height: 40px; background: #0390de; padding: 0 15px; color: #fff; font-size: 16px; border-radius: 5px 5px 0 0; }
.in .left .b { border: 1px solid #0390de; border-bottom: 0; border-radius: 0 0 5px 5px; font-size: 14px; overflow: hidden; }
.in .left .b a { display: inline-block; line-height: 30px; color: #000; font-size: 14px; }
.in .left .b li{border-bottom: 1px solid #0390de; }
.in .left .b li a { padding: 0 15px; line-height: 30px; color: #000; }
.in .left .b ul{border-top: 1px solid #0390de;}
.in .left .b li li a{padding-left:30px;}
.in .left .b li li li a{padding-left:45px;}

.in .left .c li{padding:0 15px;line-height:30px;color: #000;}

.in .right { position: relative; float: left; width: 750px; }
.in .right .a { background: #0390de; font-size: 16px; color: #fff; height: 40px; line-height: 40px; border-bottom: 0px solid #000; border-radius: 5px; }
.in .right .a span{margin-left:10px;}
.in .right .pos { position: absolute; right: 10px; top: 0; line-height: 40px; font-size: 12px;color: #fff;  }
.in .right .pos a{color:#fff;}
.in .right .pos span{margin:0;}
.in .right .c { padding: 10px; }



.info { padding: 10px; width: auto; display: block; height: auto; word-break: break-all; font-size: 13px; line-height: 25px; }
.info input, .info textarea { width: 98%; margin: 1% 4px; height: 30px; }
.info .tt { border-bottom: 1px dashed #969696; font-weight: normal; text-align: center; margin-bottom: 5px; }
.info .tt span { display: inline-block; width: auto; font-size: 16px; line-height: 27px; color: #000; padding: 5px 25px; margin-bottom: 10px; }
.info textarea { height: 150px; }
.info .ta { text-align: center; }
.info .tm { font-size:12px;}
.info img { max-width: 100%; margin: 0 auto; }


.prevnext { padding:10px 0;line-height:30px; font-size:14px;color: #000;}
.prevnext a { color: #000; font-size:14px; }

.type_list{clear:both;text-align:center; font-size:0;}
.type_list a{display:inline-block;line-height:50px;background:#000;color:#fff;padding:0 20px;min-width:100px;font-size:15px;}
.type_list a:hover,.type_list a.cur{background:#ce2029;color:#fff;}

.product_list{margin-top:10px;}
.product_list li{float:left;width:25%;}
.product_list li a{display:block;margin:10px;text-align:center;color:#333;overflow:hidden;}
.product_list li a .img {position:relative;height:0;padding-bottom:100%; text-align: center;border:1px solid #aaa;overflow:hidden; }
.product_list li a .img img{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%;max-height:100%;margin:auto;}
.product_list li a .tit { height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; }

.news_list{margin-top:10px;}
.news_list li{clear:both;border-bottom:1px dashed #aaa;margin-bottom:10px;padding-bottom:10px;overflow:hidden;}
.news_list li a{display:block;position:relative;height:100%;line-height:30px;font-size:12px;color:#aaa;}
.news_list li a span{position:absolute;right:0;top:0;display:inline-block;height:45px;line-height:45px;}
.news_list li a .img{float:left;height:100px;margin:0 16px 10px 0;}
.news_list li a .img img{height:100%;}
.news_list li a .cont{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list li a .tit{ font-size:14px;color:#000;}
.news_list li a:hover .tit{ color:red;}

.question_list .item{border-bottom:1px dashed #eaeaea;}
.question_list .item .title{padding-left:35px;background:url(../images/question_icon.png) no-repeat;line-height:35px;font-size:14px;}
.question_list .item .content{padding-left:35px;font-size:12px;line-height:25px;}

.case_list a{float:left;width:205px;margin:5px;height:165px;text-align:center;color:#333;overflow:hidden;}
.case_list a img{height:135px;}
.case_list a .title{height:30px;line-height:30px;overflow:hidden;font-size:12px;}

.info_show .tit{height:45px;line-height:45px;font-size:18px;border-bottom:1px dashed #eaeaea;color:#333;text-align:center;}
.info_show .info{font-size:12px;text-align:center;line-height:25px;color:#333;}
.info_show .img{margin:10px 0;text-align:center;}
.info_show .cont{clear:both;font-size:14px;line-height:30px;color:#333;}
.info_show .cont a{font-size:14px;color:#333;}



.info_show .pictures .left{float:left;width:120px;text-align:center;}
.info_show .pictures .left img{width:110px;height:110px;border:1px solid #333;cursor:pointer;}
.info_show .pictures .right{float:left;width:630px;text-align:center;overflow:hidden;}
.info_show .pictures .right img{height:350px;}
.info_show .content .p_title{height:40px;border-bottom:1px solid #b61b23;margin-top:10px;}
.info_show .content .p_title span{display:inline-block;cursor:pointer;height:40px;line-height:40px;text-align:center;font-size:16px;background:#9e9e9e;color:White;margin-right:2px;padding:0 15px;}
.info_show .content .p_title span.cur{background:#b61b23;}
.info_show .content .p_title_en{height:auto;}
.info_show .content .p_title_en span{margin-top:2px;}
.info_show .content .p_content .p_info{display:none;}
.info_show .content .p_content div.cur{display:block;}


.in_message{font-size:12px;}
.in_message th { text-align: right; }
.in_message td{font-size:12px;line-height:40px;}
.in_message input[type=text],.in_message textarea{width:300px;height:25px;}
.in_message textarea { height: 100px; }
.in_message img { height: 28px; vertical-align:middle;}
.in_message #checkcode { width: 80px; vertical-align:middle;}
.in_message input[type=submit],.in_message input[type=reset]{padding:0 20px;}

.page{clear:both;height:50px;line-height:50px;text-align:center;font-size:12px;color:#333;margin:20px 0;}
.page a{display:inline-block;text-align:center;width:auto;height:20px;line-height:20px;padding:0 5px;margin:5px;border:1px solid #000;font-size:12px;color:#000;}
.page a.cur{background:#000;color:#fff;}

.page .a, .page .b { float: left; width: 50%; text-align:left;}
.page .b { text-align: right; }

#scrolltop{width:30px;height:130px;background:url(../images/scrolltop.png) no-repeat;}
#webserver{position:relative;width:196px;min-height:243px;background:url(../images/webserver.png) no-repeat;overflow:hidden;}
#webserver .gotop{position:absolute;z-index:20;right:0;top:0;display:inline-block;width:93px;height:83px;}
#webserver .message{position:absolute;z-index:20;right:0;top:90px;display:inline-block;width:93px;height:83px;}
#webserver .kefu{position:absolute;z-index:20;right:0;top:190px;display:inline-block;width:190px;height:53px;}