@charset "utf-8";
/* CSS Document */
html{font-family:"Microsoft YaHei"; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,b,img{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
ul,li{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
img{border:0}
a{COLOR:#333;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
a:hover{color:#f60;text-decoration:none;transition:0.4s ease-out;-moz-transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.content{width:1100px; overflow:hidden; margin:0px auto;}

/*头部*/
.top_box{width:100%; max-width:1920px; height:45px; line-height:45px; overflow:hidden; margin:0px auto;font-size:14px; color:#666;background:#f1f1f1; min-width:1100px;}
.top{width:1100px; height:45px; line-height:45px; overflow:hidden; margin:0px auto; font-size:14px; color:#666;}
.top span{float:right;}
.top span a{color:#666; margin: 0 5px;}
.top span a:hover{color:#c00;}
.hede{ height:120px; width:100%; max-width:1920px; margin:0px auto;}
.hed{width:1100px; overflow:hidden; margin:0px auto;}
.tet{float: left;font-size:30px;font-weight: bold;color:#000; margin-left:10px; padding-top:30px;}
.tet p{font-size: 16px;color:#8c8989; line-height:20px; font-weight:normal;}
.hot{float:right; padding-top:40px;overflow:hidden; background:url(../images/hot.png) no-repeat;  text-align:left; color:#0480f6;}
.hot p{font-family:Impact; font-size:30px; text-align:right; width:230px; line-height:30px}
.logo{float:left; padding-top:30px;}
.nav{ width:100%; max-width:1920px; min-width:1100px; height:45px;  margin:0 auto; background:#0480f6;}
.nav ul{width:1100px; margin:0px auto; overflow:hidden;}
.nav ul li{ float:left; height:45px; line-height:45px; text-align:center; font-size:16px; }
.nav ul li a{ display:block; height:45px; color:#fff;   padding:0 78px;}
.nav ul li:last-child{background:none;}
.nav ul li  a:hover{ color:#fff;background:#f59d05}
.nav ul li  a.hover{color:#fff; background:#f59d05}
.wary{width:1100px; margin:20px auto; overflow:hidden}
/*banner*/
.banner{ width:100%; max-width:1920px;margin:0px auto;height:500px;  position:relative; min-width:1100px; }
.fullSlide{width:100%;position:relative;height:500px;background:#EEE;margin:0 auto;}
.fullSlide .md{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .md ul{width:100% !important;margin:0;padding:0;list-style:none}
.fullSlide .md li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .md li a{display:block;height:500px;}
.fullSlide .hd{ bottom:80px;height: 15px; left: 0;line-height: 9999px; margin: 0 auto; position: relative;width: 1100px; z-index: 1; overflow:hidden;}
.fullSlide .hd ul{list-style: outside none none; margin: 0 auto;padding: 0; text-align: center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;overflow:hidden; color:#fff;height: 10px;background:#666; font-size:12px; overflow:hidden;border-radius:5px; margin:0 3px}
.fullSlide .hd ul .on{background:#fea201; color:#000;}
.type{width:100%; max-width:1920px;min-width:1100px;margin:0px auto; position:absolute; top:450px;}
.type_bg{background:url(../images/pro_bg.png) repeat-y top center;width:100%; height:100px; position:absolute; top:0; z-index:-100}
.type_box{width:1100px; margin:0px auto; overflow:hidden;}
.type_left{width:250px; height:75px; background:#007fea; float:left; text-align:center; font-size:20px; font-weight:bold; color:#fff; padding-top:25px;}
.type_left h2{ font-size:20px; color:#fff;}
.type_left p{ font-family:'Times New Roman'; font-size:16px; line-height:40px;color:#4ca9f7}
.type_made{width:540px; overflow:hidden; background:#299cfd; float:left; height:85px; padding:15px 20px 0;}
.type_right{width:195px; overflow:hidden; background:#fea201 url(../images/phone.jpg) no-repeat 15px 10px;  height:85px;padding-top:15px; color:#fff; font-size:16px; padding-left:75px;}
.type_right p{ font-family:Impact; font-size:28px; line-height:27px; margin-top:5px}
.im{width:504px; height:36px; line-height:36px; border:1px #fff solid; border-right:none; float:left; background-color:transparent; color:#fff;}
.ig{width:35px; height:38px; border:1px #fff solid; float:left; background-color:transparent; background:url(../images/em1.png) no-repeat center center; border-left:none; }
.in{margin-top:10px;color:#fff; display:inline-block; font-size:14px;}
.in a{color:#fff; margin:0 5px;}
.product{width:100%; background:url(../images/pro_bg.png) repeat-y top center; overflow:hidden; margin-top:50px}
.pro{width:1100px; overflow:hidden; margin:0 auto;}
.pro_left{width:250px; background:#0486f3; float:left; text-align:center; font-size:20px; font-weight:bold; color:#fff;}
.pro_left ul{margin:10px 20px; overflow:hidden;}
.pro_left ul li{width:210px; background:#006bc6; height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:normal; margin-bottom:5px}
.pro_left ul li a{color:#fff; display:block}
.pro_left ul li:hover{ background:#fea201}
.pro_made{ float:left; width:580px; background:#1f96fb; height:260px}
.pro_m_left{width:31px; float:left; overflow:hidden; height:64px; margin-top:80px; cursor:pointer; margin-left:5px;}
.left,.right{width:31px;height:64px;background:#0480f6;display:none}
.pro_m_center{width:508px; float:left; overflow:hidden;}
.pro_m_right{width:31px; float:right; overflow:hidden; height:64px; margin-top:80px; cursor:pointer; margin-right:5px;}
.pro_made:hover .left{display:block}
.pro_made:hover .right{display:block}
.left:hover,.right:hover{ background:#006bc6}
.pro_m_center ul li{width:230px; float:left; margin:0 5px 0 15px; overflow:hidden; margin-top:30px}
.pro_m_center ul li div{width:230px; height:180px;}
.pro_m_center ul li div img{width:100%; height:100%;}
.pro_m_center ul li p{ height:40px; line-height:40px; text-align:center; font-size:14px;color:#fff}
.pro_right{width:270px; background:#f1f1f1; height:260px; float:left;}
.pro_right dl{ margin:20px; overflow:hidden;}
.pro_right dt{word-wrap: break-word;padding: 0px;border-color: transparent transparent rgb(204, 204, 204);border-width: 0px 0px 1px;width: 230px;border-style: solid solid dashed;display: block; font-size:14px; color:#666; line-height:33px}
.pro_right dd{ margin:30px 20px; overflow:hidden;}
.pro_right dd a{width:35px; height:35px; margin:0 12px; overflow:hidden; display:inline-table}
.pro_right dd a.weibo{ background:url(../images/wb.png) no-repeat}
.pro_right dd a.weixin{ background:url(../images/weixin.png) no-repeat}
.pro_right dd a.qq{ background:url(../images/qq.png) no-repeat}
.pro_right dd a:hover.weibo{background:url(../images/wb1.png) no-repeat}
.pro_right dd a:hover.weixin{background:url(../images/weixin1.png) no-repeat}
.pro_right dd a:hover.qq{background:url(../images/qq1.png) no-repeat}
.about{width:100%; height:500px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat top center;}
.ab_tit{ font-size:24px; color:#181818; overflow:hidden; margin:0 auto;width:1100px; text-align:center; padding-top:60px; background:url(../images/ab_tit.jpg) no-repeat bottom center; padding-bottom:50px}
.ab_tit span{ font-family:'Times New Roman'; font-size:16px; color:#b2b2b2; display:block; text-align:center; margin-top:5px}
.ab_txt{width:1000px; margin:50px auto; overflow:hidden}
.ab_left{ width:600px; float:left; overflow:hidden; font-size:14px; color:#666; line-height:25px;border-top:3px solid #a0a0a0;border-bottom:3px solid #a0a0a0; padding:10px 0; text-indent:2em;}
.ab_right{ float:right; width:320px; overflow:hidden; position:relative; padding-left:10px}
.ab_right span{width:120px;left:0; top:20px; height:35px; line-height: 35px; position:absolute; background:#fea201; font-size:14px; text-align:center;border-radius:5px}
.ab_right span a{color:#fff}
.ab_right span:hover{ background:#0486f3}
.plist{width:100%; height:640px; background:url(../images/p_list.jpg) no-repeat top center; overflow:hidden;}
.list{width:1100px; margin:0 auto; overflow:hidden;}
.list ul {width:1120px; overflow:hidden; margin-top:50px}
.list ul li{width:260px; float:left; overflow:hidden; margin-right:20px; margin-bottom:20px}
.list ul li dl{padding:10px; border:1px solid #006bc6; overflow:hidden;}
.list ul li dl dt{width:238px; overflow:hidden; height:180px}
.list ul li dl dt img{-webkit-transition:all .5s;transition:all .5s;width:100%; height:100%}
.list ul li:hover dl{ border:1px solid #fea201}
.list ul li:hover dl dt img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.list ul li p{ width:260px; background:#006bc6; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff}
.list ul li:hover p{ background:#fea201}
.list_more{width:140px; height:35px; line-height:35px; background:#006bc6; margin:0 auto;border-radius:5px; font-size:14px; text-align:center;color:#fff; margin-top:10px}
.list_more a{color:#fff; display:block}
.list_more:hover{ background:#fea201}
.news{ background:#299cfd; width:100%; overflow:hidden;}
.news_list{width:1060px; margin:0 auto; background:#f6f6f6; overflow:hidden; padding:20px}
.news_left{float:left; width:750px; overflow:hidden;}
.news_tit{width:750px; height:40px; line-height:40px; background:url(../images/news_tit.jpg) no-repeat left bottom; font-size:15px; border-bottom:1px solid #ccc;}
.news_tit span{ font-size:14px;font-family: 'Times New Roman';color:#b2b2b2}
.news_tit em{ font-style:normal; font-size:14px; float:right; overflow:hidden;}
.news_left ul{ float:left; width:360px; overflow:hidden;}
.news_left ul li{width:360px; height:40px; line-height:40px; border-bottom:1px dashed #ccc; overflow:hidden; font-size:14px;color:#666;text-overflow:ellipsis;white-space: nowrap;}
.news_left ul li span{ float:right;width:100px; text-align:right; }
.news_left ul.fr{ float:right}
.news_right{ float:right; width:270px; overflow:hidden; height:330px;position:relative;}
.h_tit{width:270px; height:40px; line-height:40px; background:url(../images/news_tit.jpg) no-repeat left bottom; font-size:15px; border-bottom:1px solid #ccc;}
.h_tit span{ font-size:14px;font-family: 'Times New Roman';color:#b2b2b2}
.h_tit em{ font-style:normal; font-size:14px; float:right; overflow:hidden;}
.news_right ul li{width:270px; overflow:hidden; float:left; margin-top:30px}
.news_right ul li div{width:268px; height:200px; border:1px solid #ccc; text-align:center}
.news_right ul li div img{width:100%; height:100%}
.news_right ul li p{ height:40px; line-height:40px; overflow:hidden; background:#ccc; text-align:center; font-size:14px; color:#666}
.h_left{position:absolute; left:0; top:150px; background:#299cfd;display:none; cursor:pointer}
.h_right{position:absolute; right:0; top:150px; background:#299cfd;display:none;cursor:pointer}
.news_right:hover .h_left{ display:block}
.news_right:hover .h_right{ display:block}
.h_left:hover{ background:#006bc6}
.h_right:hover{ background:#006bc6}
.cases{width:1100px;overflow:hidden; margin:0 auto 20px}
.cases_tit{ font-size:24px; color:#181818; overflow:hidden; margin:0 auto;width:1100px; text-align:center; padding-top:30px; background:url(../images/cases_tit.jpg) no-repeat bottom center; padding-bottom:40px}
.cases_tit span{ font-family:'Times New Roman'; font-size:16px; color:#b2b2b2; display:block; text-align:center; margin-top:5px}
.cases ul {width:1120px; overflow:hidden; margin-top:30px;}
.cases ul li{width:260px; float:left; overflow:hidden; margin-right:20px; margin-bottom:20px}
.cases ul li dl{padding:10px; border:1px solid #006bc6; overflow:hidden;}
.cases ul li dl dt{width:238px; overflow:hidden; height:180px}
.cases ul li dl dt img{-webkit-transition:all .5s;transition:all .5s;width:100%; height:100%}
.cases ul li:hover dl{ border:1px solid #fea201}
.cases ul li:hover dl dt img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.cases ul li p{ width:260px; background:#006bc6; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff}
.cases ul li:hover p{ background:#fea201}
.link{width:100%; height:150px; line-height:30px; overflow:hidden; background:#299cfd;color:#fff; font-size:14px}
.link_txt{width:1100px; margin:0 auto; overflow:hidden;}
.link_txt span{width:106px; float:left; overflow:hidden; display:block; font-size:16px; text-align:center; color:#fff; background:url(../images/link_bg.png) no-repeat; margin-right:20px;}
.link a{color:#fff}
.n_banner{width:100%; max-width:1920px; min-width:1100px; overflow:hidden; margin:0px auto; height:357px; position:relative;}
.n_banner img{ position:absolute; left:50%; margin-left:-960px; top:0;}
.wary_left{ float:left;width:250px; overflow:hidden;}
.left_tit{width:250px; height:75px; background:#007fea; text-align:center; font-size:20px; font-weight:bold; color:#fff; padding-top:25px; overflow:hidden}
.left_tit h2{ font-size:20px; color:#fff;}
.left_tit p{ font-family:'Times New Roman'; font-size:16px; line-height:40px;color:#4ca9f7}
.left_list{width:250px; background:#0486f3; text-align:center; font-size:20px; font-weight:bold; color:#fff;}
.left_list ul{padding:10px 20px; overflow:hidden;}
.left_list ul li{width:210px; background:#006bc6; height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:normal; margin-bottom:5px}
.left_list ul li a{color:#fff; display:block}
.left_list ul li:hover{ background:#fea201}
.left_lx{width:180px; overflow:hidden; background:#fea201 url(../images/phone.jpg) no-repeat 10px 10px;  height:85px;padding-top:15px; color:#fff; font-size:16px; padding-left:70px; margin-top:10px;}
.left_lx p{ font-family:Impact; font-size:28px; line-height:27px; margin-top:5px}
.left_lx_con{width:250px; background:#f1f1f1; height:260px; float:left;}
.left_lx_con dl{ margin:20px; overflow:hidden;}
.left_lx_con dt{word-wrap: break-word;padding: 0px;border-color: transparent transparent rgb(204, 204, 204);border-width: 0px 0px 1px;width: 230px;border-style: solid solid dashed;display: block; font-size:14px; color:#666; line-height:33px}
.left_lx_con dd{ margin:30px 10px; overflow:hidden;}
.left_lx_con dd a{width:35px; height:35px; margin:0 12px; overflow:hidden; display:inline-table}
.left_lx_con dd a.weibo{ background:url(../images/wb.png) no-repeat}
.left_lx_con dd a.weixin{ background:url(../images/weixin.png) no-repeat}
.left_lx_con dd a.qq{ background:url(../images/qq.png) no-repeat}
.left_lx_con dd a:hover.weibo{background:url(../images/wb1.png) no-repeat}
.left_lx_con dd a:hover.weixin{background:url(../images/weixin1.png) no-repeat}
.left_lx_con dd a:hover.qq{background:url(../images/qq1.png) no-repeat}
.wary_right{width:820px; float:right; overflow:hidden;}
.right_tit{width: 820px;height: 50px;line-height: 50px;background: url(../images/news_tit.jpg) no-repeat left bottom;font-size: 14px;border-bottom: 1px solid #ccc; color:#666;}
.right_tit span{width:4px; height:18px; background:#007fea; display:block; float:left; margin-top:16px; margin-right:5px}
.right_tit a{color:#666}
.content{width:800px; margin:20px 10px; overflow:hidden; line-height:30px; font-size:14px; color:#666}
.pro_list{width:820px; overflow:hidden;}
.pro_list ul {width:840px; overflow:hidden; margin-top:20px}
.pro_list ul li{width:260px; float:left; overflow:hidden; margin-right:20px; margin-bottom:20px}
.pro_list ul li dl{padding:10px; border:1px solid #006bc6; overflow:hidden;}
.pro_list ul li dl dt{width:238px; overflow:hidden; height:180px}
.pro_list ul li dl dt img{-webkit-transition:all .5s;transition:all .5s;width:100%; height:100%}
.pro_list ul li:hover dl{ border:1px solid #fea201}
.pro_list ul li:hover dl dt img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.pro_list ul li p{ width:260px; background:#006bc6; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff}
.pro_list ul li:hover p{ background:#fea201}
.form_mn3 ul{overflow:hidden;width:580px;margin:20px auto 0}
.form_mn3 ul li{overflow:hidden;font-size:16px;color:#666;margin-top:20px}
.form_mn3 ul li label{width:80px}
.form_mn3 ul li p{margin-left:85px;color:red}
.form_mn3 ul li span{margin-left:10px;color:#ccc}
.form_mn3 ul li span i{color:#c00;font-style:normal}
.form_mn3 ul li input{border:1px #ccc solid;width:200px;height:30px;line-height:30px}
.form_mn3 ul li select{width:202px;height:30px;line-height:30px;border:1px #ccc solid;margin-left:-4px}
.form_mn3 ul li textarea{width:450px;height:100px;line-height:20px;border:1px #ccc solid;vertical-align:top}
.form_mn3 ul li.msg{height:130px}
.form_mn3 ul li.submmit{margin:0;height:auto}
.form_mn3 ul li input.tm{width:80px;height:30px;line-height:30px;color:#fff;border-radius:5px;background:#fab02b;text-align:center;margin:0 0 0 85px;cursor:pointer;border:none}
.form_mn3 ul li input.tm1{width:80px;height:30px;line-height:30px;color:#fff;border-radius:5px;background:#fab02b;text-align:center;margin:0 0 0 30px;cursor:pointer;border:none}
.n_list{overflow:hidden; padding:10px 0}
.n_list ul li{width:820px; height:40px; line-height:40px; border-bottom:1px dashed #ccc; overflow:hidden; font-size:14px;color:#666}
.n_list ul li span{ float:right; }
.n_list ul.fr{ float:right}
.h_list{width:820px; overflow:hidden;}
.h_list ul {width:1120px; overflow:hidden; margin-top:20px}
.h_list ul li{width:260px; float:left; overflow:hidden; margin-right:20px; margin-bottom:20px}
.h_list ul li dl{padding:10px; border:1px solid #ccc; overflow:hidden;}
.h_list ul li dl dt{width:238px; overflow:hidden; height:180px}
.h_list ul li dl dt img{-webkit-transition:all .5s;transition:all .5s;width:100%; height:100%}
.h_list ul li:hover dl{ border:1px solid #0480f6}
.h_list ul li:hover dl dt img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.h_list ul li p{ width:260px; background:#ccc; height:40px; line-height:40px; text-align:center; font-size:14px; color:#666}
.h_list ul li:hover p{background:#0480f6;color:#fff}
.article{widht:820px; overflow:hidden;}
.article h1{display: block;font-size: 16px;color: #333333;font-weight: bold; text-align:center; line-height:70px}
.article .time{ font-size:12px; font-style:normal; text-align:center; overflow:hidden;display:block;color:#999; height:40px; line-height:40px; background:#f1f1f1}
.time span{ margin-right:20px}
.shareW{ margin-top:15px; }
.shareW b{float:left ;padding:16px 20px; display:inline-block; text-align:center; background:#ff7f00; color:#fff; font-size:16px; font-weight:normal; margin-right:15px;}
.shareW b a{color:#fff;}
.bdsharebuttonbox {margin-top:11px;} 
.share_com a{ display:inline-block;width:15px  !important; height:15px !important; margin:0 !important; background:url(../images/share.png) no-repeat 0 0 !important; margin-right:3px !important; padding-left:0 !important; }
.share_com a.wb{ background-position:-47px 0 !important; }
.share_com a.kj{ background-position:-92px 0 !important; }
.share_com a.shareM{ background-position:-136px 0 !important; }
.share_com .bdsharebuttonbox{ display:inline-block; }
.shareBdTwo{height:50px;overflow:hidden;border-bottom:#dad4d4 5px solid;margin-bottom:10px}
.shareBdTwo span{float:left;padding-right:20px;font-size:14px;color:#666}
.sx{overflow:hidden}
.sx ul li{font-size:14px;height:30px;line-height:30px;color:#666}
.sx ul li a{color:#666}
.relatedReading{padding-top:30px;overflow:hidden;padding-bottom:36px}
.relatedReading h3{width:369px;height:32px;overflow:hidden;font-size:14px;font-weight:700px;color:#666}
.relatedReading ul li{width:375px;float:left;height:35px;line-height:35px;overflow:hidden;font-size:16px;margin-right:15px;color:#333;padding-left:17px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/gray-icon.gif) no-repeat 0 16px}
.footer{width:100%; background:#007fea;  overflow:hidden;}
.foot{width:1100px; margin:0 auto; overflow:hidden; font-size:14px; line-height:30px; padding:30px 0;color:#fff; position:relative;}
.foot span{height:100px; width:100px; overflow:hidden; background:#299cfd; position:absolute; top:30px; right:0; padding:10px;border-radius: 5px;}
.foot span img{width:100px; height:100px}
.fenye{ overflow:hidden; margin:20px auto 0; text-align:center;padding-top:15px;border:1px #ccc solid;height: 30px;}
div.flickr a {margin-right: 3px;border: 1px solid #ccc; padding: 5px 10px; border-radius: 2px; margin:0 3px;color:#666}
div.flickr a:hover {border-right: #c0192a 1px solid; border-top: #c0192a 1px solid; background-image: none; border-left: #c0192a 1px solid; color: #fff; border-bottom: #c0192a 1px solid; background-color: #c0192a}
div.meneame a:active {border-right: #c0192a 1px solid; border-top: #c0192a 1px solid; background-image: none; border-left: #c0192a 1px solid; color: #fff; border-bottom: #c0192a 1px solid; background-color: #c0192a}
div.flickr span.current {margin-right: 3px; padding: 5px 10px;  color:#fff;font-weight:bold; background:#c0192a;border-radius: 2px; border:1px solid #c0192a}
div.flickr span.disabled { color: #adaaad; margin-right: 3px; border:1px solid #ccc; padding:5px 10px; border-radius:2px; }
div.flickr {padding:0px;margin:0px; text-align:center; font-family:Verdana; font-size:12px;text-align:center; margin-top:20px;}