*{margin:0;padding:0;font-family:'微软雅黑';}
html,body{margin:0;padding:0;min-width:1300px;}
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;}
.cb{clear:both;}


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


.header{background:#fff;height:100px;border-bottom:0px solid #224c74;}
.header .m { position:relative; }
.header .logo{float:left;margin-top:15px;}
.header .logo img{height:70px;}
.header .hotphone{display:none;float:left;font-size:18px;color:#57976d;height:40px;line-height:20px;margin:35px 0 0 20px;padding-left:20px;border-left:1px solid #cecece;}
.header .hotphone span{display:inline-block;color:#7b7b7b;font-size:14px;}
.header .info span{display:inline-block;padding-left:45px;}
.header .info span.tel{background:url(../images/tel.png) 28px 3px no-repeat;}
.header .info span.email{background:url(../images/email.png) 28px 4px no-repeat;}
.header .language{display:none;position:absolute;z-index:10;right:0;top:35px;width:70px;height:20px;overflow:hidden;background:#444444;}
.header .language li{height:20px;line-height:20px;}
.header .language li a{color:#aaaaaa;font-size:12px;width:70px;height:20px;line-height:20px;background:#444444;text-align:center;}
.header .language li a:hover{background:#333;}
.header .language li a.cur{background:#444444 url(../images/down.png) 50px 3px no-repeat;}
.header .search{display:none;position:absolute;top:55px;right:0;height:25px;line-height:25px;background:#e3e3e3;overflow:hidden;}
.header .search input{float:left;border:0;margin:0;padding:0;height:25px;background:none;}
.header .search input[type=text]{width:185px;color:#b1b1b1;padding:0 10px;}
.header .search input[type=submit]{background:#57976d;color:#fff;padding:0 10px;}
.header .shar{display:none;position:absolute;top:15px;right:0;overflow:hidden;}
.header .shar a{background:url(../images/icons.png) no-repeat;width:26px;height:26px;padding:0;margin-left:5px;}
.header .shar a.bds_tsina{background-position:center top;}
.header .shar a.bds_sqq{background-position:right top;}

.menu{position:absolute;left:450px;right:0;top:0;line-height:100px;color:#969696;font-size:12px;}
.menu .list{margin:0 auto;}
.menu .list .item{position:relative;float:left;width:12.5%;line-height:100px;}
.menu .list .item a{font-size:14px;display:block;color:#969696;text-align:center;}
.menu .list .item a.first{position:relative;}
.menu .list .item ul{display:none;position:absolute;z-index:10;top:100%;left:0;width:100%;}
.menu .list .item li{background:#fff;line-height:40px;}
.menu .list .item li a{display:block;padding-left:0;color:#000;text-align:center;}
.menu .list .item li a:hover{color:#c40520;}

.menu .list .item1 a.first{background-image:url(../images/menudown.png);background-position:right center;background-repeat:no-repeat;}
.menu .list .item3 a.first{background-image:url(../images/menudown.png);background-position:right center;background-repeat:no-repeat;}
.menu .list .item4 a.first{background-image:url(../images/menudown.png);background-position:right center;background-repeat:no-repeat;}

.menu .list .item a.first:hover,.menu .list .item a.first.cur{color:#fff;background:#c40520;}
.menu .list .item1110 a.first:hover{background-image:url(../images/homeicon.png);background-position:left center;background-repeat:no-repeat;}


.banner{margin:0 auto;}

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



.title {position:relative;background:#fff;}
.title .a{position:relative;width:210px;margin:0 auto;height:48px;border:2px solid #000;text-align:center;}
.title .a span{position:absolute;left:50%;width:70%;margin-left:-35%;top:-15px;display:inline-block;background:#fff;font-size:25px;font-weight:bold;font-family:'黑体';}
.title .a div {position: absolute; left: 0; right: 0; bottom:10px;}
.title .b h2 { font-size: 30px;line-height:50px;color:#3b3b3b;text-align:center; }
.title .b div {text-align:center;color:#afaeae;font-size:14px;line-height:20px; }

.more { text-align: center; }
.more a { display: inline-block; padding:10px 40px;font-size:14px;background-color:#4b4b4b;color:#fff;border:1px solid #9b9b9b;border-radius:10px;}


.box1{clear:both;padding:50px 0;}
.box1 li{float:left;width:25%;text-align:center;margin:40px 0;line-height:30px;}
.box1 li a{color:#3e3e3e;font-size:18px;}
.box1 li .c1{display:block;font-size:14px;color:#bebebe;}

.box2{clear:both;padding:60px 0;background:#fff;overflow:hidden;}
.box2 .c{position:relative;margin:20px auto;}
.box2 ul { padding: 40px 0 0 0; }
.box2 li{position:relative;float:left;width:32%;margin:0 2% 2% 0;background:#fff;overflow:hidden;}
.box2 li.r{margin:0 0 2% 0;}
.box2 li .img{width:100%;height:240px;line-height:240px;font-size:0;}
.box2 li .img img{max-width:100%;max-height:100%;vertical-align:middle;}
.box2 li a{display:block;color:#3b3a3a;text-align:center;}
.box2 li a .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 100%; background: url(../images/casehover.png); }
.box2 li a .tit{position:absolute;z-index:10;left:0;right:0;top:135%;color:#fff;display:block;line-height:50px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.box2 li a .icon { position: absolute; z-index: 10; left: -150%; bottom:25%; width: 43px; height: 43px; margin-left: -21.5px;  background: url(../images/caseshow.png) no-repeat; }
.box2 li a:hover span { transition: all 0.8s; }
.box2 li a:hover .bg{bottom:0;}
.box2 li a:hover .tit{top:35%;}
.box2 li a:hover .icon {left:50%;}

.box2 .owl-nav div { position: absolute; top: 0; width:29px;height:27px;background:url(../images/casenav.png) no-repeat;}
.box2 .owl-nav div:hover { background:url(../images/casenavhover.png) no-repeat;}
.box2 .owl-nav div.owl-prev { right:40px;}
.box2 .owl-nav div.owl-next { right:5px;background-position:right 0;}

.box2 .more {clear:both; padding-top:40px; }



.box3{padding:80px 0;background:url(../images/contactbg.jpg) center top no-repeat;overflow:hidden;}
.box3 .title{background:none;}
.box3 .title .a span{background-color:#fdfdfd;border-radius:50%;}

.box3 .c0 { float: left; width: 33%; margin-top:65px;height:220px;line-height:30px;font-size:14px;border-right:1px solid #ccc;text-align:center;}
.box3 .c0 .tit { font-size: 16px; font-weight: bold; }

.box3 .c3 { border: 0; }

.box3 .c0 .icon span { display: inline-block;width:48px;height:44px; background: url(../images/contacticon.png) no-repeat; }
.box3 .c2 .icon span { background-position:center top;}
.box3 .c3 .icon span { background-position:right top;}


.box4{padding:80px 0;background:url(../images/aboutbg.jpg) center top no-repeat;}
.box4 .m{position:relative;}

.box4 .title{color:#fff;background:none;}
.box4 .title .a{border-color:#fff;width:280px;}
.box4 .title .a span{background:#525252;color:#fff;}
.box4 .title .b h2,.box4 .title .b div{color:#fff;text-align:left;}
.box4 .title .b div{}

.box4 .c{position:relative;margin:50px auto;overflow:hidden;}
.box4 .c2{position:absolute;left:630px;top:50px;height:355px;right:0;line-height:25px;background:url(../images/aboutbg.png) right top no-repeat;color:#fff;font-size:14px;overflow:hidden;}
.box4 .c2 .tit { padding:55px 0 0 35px;font-size:20px;}
.box4 .c2 .tit div { width: 60px; background: #fff;height:5px;margin-top:20px; }
.box4 .c2 .cont { padding: 15px 35px 0 35px; height:175px;overflow:hidden;}
.box4 .c2 a { position: absolute; right: 0; top: 305px; height: 50px; width: 50px; background: #ffc40f;color:#fff;line-height:50px; text-align:center;}


.box4 .c1{position:relative;float:left;}
.box4 .c1 img{float:left;width:688px;height:463px;}
.box4 .c1 a{display:inline-block;font-size:40px;color:#000;width:100px;height:65px;line-height:65px;background:#fff;position:absolute;bottom:0;left:-100px;text-align:center;}



.box5{padding:10px 0;}
.box5 .c{margin-top:50px;background:#fff;height:385px;}
.box5 li{position:relative;float:left;width:32%;margin:0 2% 2% 0;background:#fff;overflow:hidden;}
.box5 li.r{margin:0 0 2% 0;}
.box5 li a{display:block;color:#3b3a3a;text-align:left;color:#999;font-size:14px;line-height:30px;}
.box5 li .img{border:1px solid #aaa;height:220px;line-height:220px;font-size:0;text-align:center;overflow:hidden;}
.box5 li .img img{width:100%;max-height:100%;vertical-align:middle;}
.box5 li .tit { font-weight: bold;color:#000;font-size:16px; }
.box5 li .time { }
.box5 .more { clear: both; padding: 40px 0; }
.box5 .more a{background:#c40520;}



.footmenu{padding-left:0px;}
.footmenu a{display:block;color:#fff;font-size:14px;line-height:30px;}
.footmenu .item{float:left;margin-right:5%;}
.footmenu .item .first{color:#fff;font-size:14px;margin-bottom:5px;}


.footer{clear:both;background:#313131;padding:60px 0 0 0;color:#fff;line-height:30px;font-size:14px;overflow:hidden;}
.footer .a{float:left;width:70%;border-right:1px solid #363636;min-height:120px;margin:0 0;}

.footer .b{float:left;width:26%;border-right:1px solid #363636;min-height:120px;text-align:center;}
.footer .b img{width:100px;margin-top:-10px;}
.footer .c{display:none;float:left;width:25%;margin:0 0 0 5%;text-align:left;}
.footer .c .c1{color:#b6b6b6;font-size:16px;margin-bottom:15px;}

.footer .a1{clear: both; color:#717171;padding-top:20px;font-size:12px;}
.footer .c1 div{font-size:18px;}
.footer .c1 span{color:#d70800;font-size:22px;}


.links{clear:both;color:#000;font-size:0;padding:30px 0;background:#313131;color:#fff;}
.links a{display:inline-block;font-size:12px;color:#fff;}
.links span{display:inline-block;margin:0 10px;font-size:12px;}
.links .first {margin:0 10px 0 0; }

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

.in .title{display:none;}

.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: #313131; padding: 0 15px; color: #fff; font-size: 16px; }
.in .left .b { border: 1px solid #313131;border-bottom:0; }
.in .left .b a { display: inline-block; line-height: 30px; color: #000; font-size: 14px; }
.in .left .b li { border-bottom: 1px solid #313131; padding: 0 15px; line-height: 30px; color: #000; }

.in .right { position: relative; float: left; width: 750px; }
.in .right .a {background: #313131; font-size: 16px; color: #fff; height: 40px; line-height: 40px; border-bottom: 0px solid #000; }
.in .right .a span{margin-left:10px;}
.in .right .pos { position: absolute; right: 10px; top: 0; line-height: 40px; font-size: 12px;color: #000;  }
.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:left; font-size:0;background:#ececec;}
.type_list a{display:inline-block;text-align:center;line-height:50px;background:#606060;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:50px;}
.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 { text-align: center;height:350px;overflow:hidden;border:1px solid #aaa;overflow:hidden; }
.product_list li a img{float:left;width:100%;vertical-align:middle;}
.product_list li a .tit{height:50px;line-height:50px;overflow:hidden;font-size:14px;background:#f1f1f1;}
.product_list li a:hover .tit{background:#dc2f47;color:#fff;}

.case_list li a .img { height:200px;}

.news_list{margin-top:50px;}
.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;}


.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;}