html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,img, dl, dt, dd, ol, ul, li, form, label,table, tbody, tr, th, td,input,button,textarea{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
ol,ul,li{list-style:none}
table{border-collapse:collapse;border-spacing:0}

html {-webkit-text-size-adjust:none; width:100%; height:100%;}
body {font-family:'Helvetica Neue',Helvetica,'微软雅黑','宋体','黑体','Microsoft YaHei',Arial,Verdana,sans-serif; font-size:14px;text-align: left; line-height:1.5; color:#121212; background:#fff; width:100%; height:100%; text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased;}
button, input, select, textarea {font: 12px;}

/*链接颜色*/
:link,:visited ,ins{color:#000;text-decoration:none}
:focus {outline:0;}
a:hover {color:#FE5900; text-decoration:none;}
a{margin: 0px;padding:0px;border:0px; color:#FE5900;text-decoration:none;outline:none;/*transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; */-webkit-tap-highlight-color:rgba(0,0,0,0);}

.clearfix:after {font-size:0;line-height:0;content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}

/*共用参数*/
.clear {clear:both;height:0px;}
.clear {zoom: 1;}
.floatleft {float:left;}
.floatright {float:right;}
.displaynone{ display:none;}
.displayblock{ display:block;}


.blank1 {clear:both;height:1px;overflow:hidden;}
.blank5 {clear:both;height:5px;overflow:hidden;}
.blank10 {clear:both;height:10px;overflow:hidden;}
.blank15 {clear:both;height:15px;overflow:hidden;}
.blank20 {clear:both;height:20px;overflow:hidden;}
.blank30 {clear:both;height:30px;overflow:hidden;}
.blank50 {clear:both;height:50px;overflow:hidden;}
.blank100 {clear:both;height:100px;overflow:hidden;}

.top_10{margin-top:10px;}
.top_20{margin-top:20px;}
.top_30{margin-top:30px;}
.top_50{margin-top:50px;}

.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}
.f48{font-size:48px;}
.f60{font-size:60px;}
.f_bold{font-weight:bold;}
.f_normal{font-weight:normal;}

.c-red{color:#FE5900;}
.c-black{color:#121212;}
.c-333{color:#333;}
.text-center{ text-align:center;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}

.c_1 {color:#182a88;}
.c_2 {color:#00A1E9;}
.c_3 {color:#EA5515;}
/**圆角*/
.radius-5 {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.radius-10 {border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
/****/
.alignleft {display: inline; float: left; } 
.alignright { display: inline; float: right; } 
.aligncenter { clear: both; display: block; margin:auto; } 

/***/
.bt-green a{ display:block; margin:0 auto; border:1px solid #00C363; width:140px; height:38px; text-align:center; font-size:18px; line-height:38px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.bt-green a:hover{color:#00C363}

.bt-green-view a{ display:block; float:left; margin-top:10px; border:1px solid #00C363; width:140px; height:38px; text-align:center; font-size:18px; line-height:38px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;color:#F1DC07;}
.bt-green-view a:hover{color:#F1DC07;}

/*
.button1{position:relative;	display:inline-block;height:36px;padding:0 20px 0 33px;color:#fff;font-size:14px;line-height:36px;cursor:pointer;background:#444 url(../images/botton_ico1.png) no-repeat 16px center;text-decoration:none;!important}
.button1.active,.button1:hover{background-color:#FE5900;color:#fff;	background:#FE5900 url(../images/botton_ico1.png) no-repeat 16px center;}
*/

/**列表分页*/
.pages{-webkit-text-size-adjust: none;  text-align:center;margin-top:10px;margin-bottom:10px;font-size:13px;}
.pages a{border-right:#bfbfbf 1px solid;padding-right:5px;	border-top:#bfbfbf 1px solid;padding-left:5px;	padding-bottom:3px;	margin:2px;	border-left:#bfbfbf 1px solid;	padding-top:3px;border-bottom:#bfbfbf 1px solid;text-decoration:none;}
.pages span{border-right:#bfbfbf 1px solid;	padding-right:5px;border-top:#bfbfbf 1px solid;	padding-left:5px;padding-bottom:3px;margin:2px;	border-left:#bfbfbf 1px solid;	padding-top:3px;border-bottom:#bfbfbf 1px solid;text-decoration:none;}
.pages .pagelink{color:#FE5900;}
.pages a:hover{	border-left-color:#FE5900;	border-bottom-color:#FE5900; border-top-color:#FE5900;	border-right-color:#FE5900;	color:#FFF;	background-color:#FE5900;}
.pages span.current{border-left-color:#7E004A;	border-bottom-color:#7E004A;	border-top-color:#7E004A;	border-right-color:#7E004A;}
.pages span.current{font-weight:bold}





/****/



/*全局宽度*/

.container{width:100%;max-width:1240px; margin:0 auto;height:auto; padding-bottom:20px;}
.bg_gray { background:#ECECEC;}
.main {width:1060px;height:auto; margin:0 auto;overflow:hidden;min-height:300px;}
.pagemain{width:1240px;height:auto; margin:0 auto;overflow:hidden;min-height:300px;}

.ContentBox{width:auto;height:auto; margin-top:30px; margin-left:70px;}



/* header*/
.header{height:95px; width:1100px; margin:0 auto;  background:#fff;  -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.header .top{width:1100px; margin:0 auto;}
.header .logo{float:left; margin:0;width:268px; height:85px; margin-left:50px; margin-top:5px; overflow:hidden;}
.header .logo img{height:85px;}
.header ul.topnav{float:left; margin-left:100px; margin-top:25px;}
.header ul.topnav li{float:left; }
.header ul.topnav li a{display:block;padding:0 5px; margin:0 15px; font-size:14px; line-height:40px; color:#555; text-decoration:none;background:url(../images/nav_line.png) repeat-x center bottom;}
.header ul.topnav li a:hover{color:#555; text-decoration:none;  background:url(../images/nav_line2.png) repeat-x center bottom;}
.header ul.topnav li a.navcurrent,.header ul.topnav li a.navcurrent:hover{color:#555; background:url(../images/nav_line2.png) repeat-x center bottom; }
.header .navcurrent{color:#555;  background:url(../images/nav_line2.png) repeat-x center bottom; }


#mobile_memu{ display:none;}


/*快速导航*/

.Q_nav{width:100%;height:40px;line-height:40px; margin:0 auto;font-size:14px; color:#333;}
.Q_nav a{color:#333;}
.Q_nav a:hover{color:#182a88; text-decoration:underline;}


/*中部banner部分*/
.banner{width:100%; max-width:1240px; height:auto;margin:0px auto;overflow:hidden;}

.pagebanner{width:100%; max-width:1240px; height:auto;margin:0px auto;overflow:hidden;}
.pagebanner img{width:100%; }

.BannerList {width:100%; max-width:1240px; max-height:355px; margin:0 auto; margin-top:0px;}
.BannerList .BannerInfo-Box{width:100%; height:100%; overflow:hidden;position:relative;}
.BannerList .BannerInfo-Box img{width:100%; height:100%; }


/* Slider*/
.BannerList {margin: 0 auto; width:100%; background:#f2f2f2 url(../images/loading_2.gif) no-repeat center center;}
.BannerList div.sliderbox{ height:355px; background-repeat:none; background-position:center; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.BannerList div.sliderbox div.container{display:table; height:100%;}
.BannerList div.sliderbox div.container a{width:100%; height:100%; display:block;}

/****** 1366 index ***********/
.index_4part{width:100%;height:auto; margin:0 auto; margin-top:5px; position:relative;}
.index_4part .index_partbox{width:520px;height:auto; float:left; margin-top:20px;  background:#fff;}
.index_4part .floatright{ float:right;}
.index_4part .index_part_pic{width:520px;height:270px; overflow:hidden;}
.index_4part .index_part_pic img{width:100%; height:100%;}
.index_4part .index_part_info{margin:0 50px;}
.index_4part .index_part_info h1 {font-size:24px;line-height:50px;height:50px;font-weight:normal; color:#182a88; width:100%;}
.index_4part .index_part_info h1 a{color:#182a88;}
.index_4part .index_part_info h1 a:hover{text-decoration:underline;}
.index_4part .index_part_info p{height:45px; line-height:22px; overflow: hidden;}
.index_4part .index_part_info .index_part_more{color:#999; display:block; margin:15px 0;} 
.index_4part .index_part_info .index_part_more a {color:#999; }
.index_4part .index_part_info .index_part_more a:hover{color:#182a88; text-decoration:underline;}

.index_4part .part1_info{width:59%;}
.index_4part .part2_info{width:60%; float:right;}
.index_4part .part2_info h1{ text-align:right;}
.index_4part .part2_info p{ text-align:right;}

.index_4part .fourbrands_ico {width:338px; height:338px; overflow:hidden; position:absolute; left:50%; margin-left: -169px; top:50%; margin-top: -235px;  z-index:200;background:url(../images/fourbrands_ico.png) no-repeat center center;}
.index_4part .fourbrands_ico img{width:100%; height:100%;}


.fourbrands_ico {
    display: block;
    background-position: 0 0;
    transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -webkit-transition: all .5s;
    transition: all .5s;
}
.animation {
    -webkit-animation:flipInX 1s .2s ease both;
    -moz-animation:flipInX 1s .2s ease both;
}
@-webkit-keyframes flipInX{
    0%{-webkit-transform:perspective(338px) rotateX(90deg);
        opacity:0}
    40%{-webkit-transform:perspective(338px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(338px) rotateX(10deg)}
    100%{-webkit-transform:perspective(338px) rotateX(0deg);
        opacity:1}
}
@-moz-keyframes flipInX{
    0%{-moz-transform:perspective(338px) rotateX(90deg); opacity:0}
    40%{-moz-transform:perspective(338px) rotateX(-10deg)}
    70%{-moz-transform:perspective(338px) rotateX(10deg)}
    100%{-moz-transform:perspective(338px) rotateX(0deg); opacity:1}
}
.indexpart1:hover + .fourbrands_ico {-webkit-transform: rotate(360deg) scale(1);transform: rotate(360deg) scale(1); background:url(../images/fourbrands_ico1.png) no-repeat center center;}
.indexpart2:hover + .fourbrands_ico {-webkit-transform: rotate(360deg) scale(1);transform: rotate(360deg) scale(1);background:url(../images/fourbrands_ico2.png) no-repeat center center;}
.indexpart3:hover + .fourbrands_ico {-webkit-transform: rotate(360deg) scale(1);transform: rotate(360deg) scale(1); background:url(../images/fourbrands_ico3.png) no-repeat center center;}
.indexpart4:hover + .fourbrands_ico {-webkit-transform: rotate(360deg) scale(1);transform: rotate(360deg) scale(1);  background:url(../images/fourbrands_ico4.png) no-repeat center center;}

.index_solution{width:100%;height:auto; margin:0 auto; margin-top:20px;}
.index_solution .slide_520_210{ float:left; width:520px; height:210px; overflow:hidden;}
.index_solution .slide_520_210 .slide1box{width:100%; height:100%; overflow:hidden;position:relative;}
.index_solution .slide_520_210 .slide1box img{width:100%; height:100%; }

.index_solution .index_solution_box{ float:left; width:540px; height:210px; border-left:6px solid #99B7D1; background:#fff;}
.index_solution .index_solution_box h1 {font-size:24px;line-height:50px;height:50px;font-weight:normal; color:#182a88; margin:0px 50px 0 60px; margin-top:20px;}
.index_solution .index_solution_box h1 a{color:#182a88;}
.index_solution .index_solution_box h1 a:hover{text-decoration:underline;}
.index_solution .index_solution_box p{height:auto; line-height:25px;margin:0px 50px 0 60px; overflow: hidden;}

#fourbrands_ico2{ display:none;}
#fourbrands_ico3{ display:none;}
#fourbrands_ico4{ display:none;}

/******* 1366 about page *********/
.about_list{width:100%;height:auto; margin:0 auto; margin-top:25px;}
.about_list .about_list_box{ float:left; width:340px; height:auto; margin-right:20px;}
.about_list .last{margin-right:0;}

.about_list .about_list_pic{width:100%;height:340px; overflow:hidden;}
.about_list .about_list_pic img{width:100%; height:100%;}

.about_list .index_part_info{margin:0 50px;}
.about_list .about_list_box h1 { display:block; font-size:24px;height:30px;line-height:30px;font-weight:normal; color:#595757;margin:30px 20px;}
.about_list .about_list_box h1 .a1 a{color:#182a88;}
.about_list .about_list_box h1 .a2 a{color:#00A1E9;}
.about_list .about_list_box h1 .a3 a{color:#EA5515;}
.about_list .about_list_box h1 a:hover{text-decoration:underline;}
.about_list .about_list_box .about_text {height:auto; min-height:100px; margin:0 20px; line-height:25px; overflow: hidden;}

.aboutbox{width:100%;height:auto; margin:20px auto;}
.aboutbox .aboutbox_l{width:200px; height:auto; float:left; overflow:hidden;}
.aboutbox .aboutbox_m{width:680px; height:auto; float:left; padding:0 20px; border-left:1px dotted #999999; min-height:300px; overflow:hidden;}
.aboutbox .aboutbox_r{width:260px; height:auto; float:right; padding-top:40px; overflow:hidden;}
.aboutbox .contactlist{width:960px;}
.aboutbox .probox_m { min-height:350px;}

.left_sortlist{float:left;width:100%; }
.left_sortlist a {width:100%;font-size:16px;color:#333;float:left;display: block;line-height:28px;height:28px;}
.left_sortlist a:hover {color:#EC6830; text-decoration:underline;}
.left_sortlist #leftnavhover {color:#EC6830;}
.left_sortlist #leftnavhover2 {color:#EC6830;}
.left_sortlist .parentnav{color:#000;}
.left_sortlist .parentnav:after { content:" >>"; }
.left_sortlist .Left_2navlist {width:100%; height:auto;}
.left_sortlist .Left_2navlist a{margin-left:15px;width:100%;font-size:12px;color:#888;float:left;display:inline;line-height:22px;height:22px;}
.left_sortlist .Left_2navlist a:hover {color:#EC6830; text-decoration:underline;}


.a_7 {color:#182a88;}
.a_22 {color:#00A1E9;}
.a_23 {color:#EA5515;}


.aboutbox .aboutbox_m  h1 { display:block; width:100%; font-size:20px;height:25px;line-height:25px; margin-bottom:20px; font-weight:normal; color:#000;}
.aboutbox .aboutbox_m  h1 span{ float:left; display:block;  margin-right:5px;}
.aboutbox .aboutbox_m  h1 .sort_name2{font-size:14px; height:25px;line-height:25px;}
.aboutbox .about_info{ width:100%; height:auto; line-height:25px;}

.contactlist .contact_list_box { float:left; width:295px; height:auto; margin-right:10px;}
.contactlist .last{margin-right:0;}
.contactlist .contact_list_box h1 { display:block; font-size:20px;height:25px;line-height:25px;font-weight:normal; color:#333;margin:0;}
.contactlist .contact_list_box h1 .a1 a{color:#182a88;}
.contactlist .contact_list_box h1 .a2 a{color:#00A1E9;}
.contactlist .contact_list_box h1 .a3 a{color:#EA5515;}
.contactlist .contact_list_box h1 a:hover{text-decoration:underline;}
.contactlist .contact_list_box .contact_list_text {height:auto; min-height:100px; margin:0; margin-top:20px; line-height:25px; overflow: hidden;}
.contactlist .contact_list_box .contact_list_text span{font-size:16px; color:#333; display:block; margin-bottom:10px;height:30px;line-height:30px;}

.baidumap{width:600px; height:250px; overflow:hidden; float:right;}

/********* 1366 解决方案 ***************************/

.solutionlist{width:1060px;height:auto; margin:0 auto; margin-top:5px; position:relative;}
.solutionlist .solutionlist_box{width:520px;height:auto; float:left; margin-top:20px;  background:#fff;}
.solutionlist .floatright{ float:right;}
.solutionlist .solutionlist_pic{width:520px;height:265px; overflow:hidden;}
.solutionlist .solutionlist_pic img{width:100%; height:100%;}
.solutionlist .solutionlist_info{margin:0 50px; margin-bottom:20px;}
.solutionlist .solutionlist_info h1 {font-size:24px;line-height:50px;height:50px;font-weight:normal; color:#182a88; width:100%;}
.solutionlist .solutionlist_info h1 a{color:#182a88;}
.solutionlist .solutionlist_info h1 a:hover{text-decoration:underline;}
.solutionlist .solutionlist_info p{height:45px; line-height:22px; overflow: hidden;}

/********* 1366 pro ***************************/


/********* 1366 案例系列 ***************************/

.title-warp{width:100%; height:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd; background:#f5f5f5;}
.titlebox{height:85px; width:1180px; margin:0 auto; border-left:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden;}
.titlebox h1{ font-size:25px; font-weight:normal; text-align:center; line-height:85px;}
.titlebox h3{ font-size:16px; float:left; font-weight:normal; color:#999999; text-align:center; line-height:85px;}

.sbtngroup{margin:20px; float:left;}
.sbtngroup a{display:block; float:left; text-indent:-9999px; width:44px; height:44px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-decoration:none;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.sbtngroup a:hover{background-color:#f8f8f8;}

.sbtngroup a.all{background-image:url(../images/sbtn_bg.png); background-position:0px 0px;}
.sbtngroup a:hover.all{ background-position:-44px 0;}
.sbtngroup a[rel~="prev"]{background-image:url(../images/sbtn_bg.png); background-position:0px -88px;}
.sbtngroup a:hover[rel~="prev"]{ background-position:-44px -88px;}
.sbtngroup a[rel~="next"]{background-image:url(../images/sbtn_bg.png); background-position:0px -44px;}
.sbtngroup a:hover[rel~="next"]{ background-position:-44px -44px;}

/******* 1366 news**********************/
.newscontent {font-size:16px; line-height:30px; width:100%; height:auto;}
.newscontent h2{font-size:18px; margin:15px 0;}
.mleft{ float:left; width:780px; height:auto; overflow:hidden;}
.mleft .newlist_last{ margin-right:0;}

.newlist_box{ float:left; width:250px; height:auto; margin-right:15px; margin-bottom:30px; background:#FFFFFF; overflow:hidden;}
.newlist_box .newlist_pic{ float:left; width:100%; height:250px;}
.newlist_box .newlist_pic img{ width:100%;}
.newlist_box .newlist_title { clear:both; float:left;font-size:18px;line-height:25px;height:50px; margin:15px 10px 5px 10px;color:#182a88;overflow:hidden;}
.newlist_box .newlist_title a{color:#182a88;}
.newlist_box .newlist_title a:hover{text-decoration:underline;}
.newlist_box .newlist_info { clear:both; float:left;font-size:14px;line-height:20px;height:60px; margin:0 10px 20px 10px; overflow:hidden;}

.mright{ float:right; width:260px; height:auto;background:#FFFFFF;}
.mright .news_right{ margin:20px 20px; height:360px; overflow:hidden;}
.mright .news_right h1{font-size:18px;color:#182a88;line-height:40px;height:40px; margin:10px auto;}
.mright .news_right li{ width:100%; height:auto; line-height:20px; }
.mright .news_right li span{ display:block;color:#999999; width:100%;}
.mright .news_right li a{color:#182a88;}
.mright .news_right li a:hover{ text-decoration:underline;}

.newscontent{ background:#fff; width:auto; height:auto; min-height:300px;padding:30px; margin:20px auto;}
.newscontent .newscontent_title{ width:100%; height:auto; margin:20px auto; border-bottom:1px solid #ccc;}
.newscontent .newscontent_title h1{font-size:24px;line-height:30px;height:auto; margin:0 auto; font-weight: normal;text-align:center;}
.newscontent .newscontent_title h3{font-size:16px;line-height:50px;height:auto;color:#999; font-weight: normal; margin:0 auto; text-align:center;}


.newscontent .newscontent_next{ margin:20px; margin-top:100px; border-top:1px dotted #666; padding-top:10px;}
.newscontent .newscontent_next li{ float:left; width:50%; font-size:14px;line-height:30px;height:auto;color:#666;}
.newscontent .newscontent_next li a{color:#666;}
.newscontent .newscontent_next li a:hover{color:#182a88;}

/******* 1366 news============**********************/

/*1366 页底*/

#footer{clear:both;width:1240px; height: auto; overflow:hidden; margin:0 auto;}

#footer .footer1{width:100%;height: auto; margin:0 auto;padding:35px 0; background:#555 url(../images/footer_line.png) no-repeat center top;}
#footer .footer2{width:100%;height: auto; margin:0 auto;height: 70px; line-height:70px; font-size:14px; background:#7D7D7D;color:#CCC; }

#footer .copyrightBox{ width:1120px; height:100%; margin:0 auto;}
#footer .copyrightBox a{color:#CCC;}
#footer .copyrightBox a:hover{color:#CCC; text-decoration:underline;}
#footer .copyrightBox .copyright{margin-left:50px; float:left;}
#footer .copyrightBox .copyright a{margin-left:20px;}
#footer .copyrightBox .footer_logo{float:right; width:105px; height:35px; margin-top:13px; margin-right:80px;}

#footer .footerBox{ width:1120px;margin:0 auto; height:auto;}

#footer .footer_nav1{width:430px; height:auto; float:left; margin-left:150px; }
#footer .footerBox h1{ width:100%; height:40px; line-height:40px; color:#ddd;font-size:16px;font-weight:normal; border-bottom:1px solid #ddd }
#footer .footerBox h1 a {color:#ddd;}
#footer .footerBox h1 a:hover {color:#fff;}
#footer .footerBox h1 span{ float:left; margin:0 20px;}
#footer .footerBox h1 p{ float:left; }

#footer .footer_nav1 .footer_navinfo1{width:100%; height:auto; margin:15px 0; background: url(../images/footer_split1.png) repeat-y 49% ;  }
#footer .footer_nav1 ul{width:45%; float:left; font-size:12px;}
#footer .footer_nav1 ul {color:#ccc;}
#footer .footer_nav1 ul a {color:#ccc;}
#footer .footer_nav1 ul a:hover {color:#fff;}
#footer .footer_nav1 .floatright{float:right;}
#footer .footer_nav1 ul li{ float:left; width:100%; height:20px; line-height:20px; overflow:hidden;}
#footer .footer_nav1 ul li span{ float:left;width:65%; overflow:hidden;}
#footer .footer_nav1 ul li p{ width:30%; float:right; text-align:left;}

#footer .footer_nav2{width:200px; height:auto; float:left; margin-left:150px;}
#footer .footer_nav2 .footer_navinfo2{width:100%; height:auto; margin:15px 0; }
#footer .footer_nav2 ul{width:100%; float:left; font-size:12px;}
#footer .footer_nav2 ul {color:#ccc;}
#footer .footer_nav2 ul a {color:#ccc;}
#footer .footer_nav2 ul a:hover {color:#fff;}
#footer .footer_nav2 ul li{ float:left; width:100%; height:20px; line-height:20px; overflow:hidden;}
#footer .footer_nav2 ul li span{ float:left;width:65%; overflow:hidden;}
#footer .footer_nav2 ul li p{ width:30%; float:right; text-align:left;}


/*** go top**/
#gotop{*display:none;}
.gotop_rmenu{position:fixed; right:0; bottom:10px; padding-bottom:9px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.gotop_rmenu .btn{width:50px; height:50px; margin-bottom:1px; cursor:pointer; position:relative;}
.gotop_rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#ccc;}
.gotop_rmenu .btn-qq:hover{background-color:#6da9de;}
.gotop_rmenu a.btn-qq,.gotop_rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#ccc; text-decoration:none; display:block;}
.gotop_rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#ccc;}
.gotop_rmenu .btn-wx:hover{background-color:#78c340;}
.gotop_rmenu .btn-wx .pic{position:absolute; left:-152px; top:0px; display:none;width:152px;height:152px;}
.gotop_rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#ccc;}
.gotop_rmenu .btn-phone:hover{background-color:#fbb01f;}
.gotop_rmenu .btn-phone .phone{background-color:#fbb01f; position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:18px; text-align:center; display:none;}
.gotop_rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#ccc; display:none;}
.gotop_rmenu .btn-top:hover{background-color:#666;}



/***max-width:1024px start******/
@media screen and (max-width:1024px) {


/***************************************************************************************************************************************************************************/
/*.header{ position: fixed; z-index:1000; top:0; border-bottom:1px solid #ddd;  box-shadow:0 0 1px #ddd; height:60px; width:100%; margin:0 auto;  background:#fff; background:rgba(255,255,255,.97); -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}*/

.header{height:60px; width:100%; }

.header .top{padding:10px 0; width:100%; margin:0 auto;}
.header .logo{float:left; margin:0; margin-left:20px;width:150px; height:40px;overflow:hidden;}
.header .logo img{height:40px;}
.header ul.topnav{display:none;width:50%; max-width:500px;min-width: 160px;float: right; padding-bottom:10px; padding-top:5px; position: absolute;	right:0px;	margin-top:50px;z-index:9999999;background:#fff; background:rgba(255,255,255,.9); box-shadow: 0 5px 5px #555;}
.header ul.topnav li{float:left; padding:0 20px; width:100%; text-indent:0;}
.header ul.topnav li a{display:block; font-size:16px; line-height:40px;color:#121212; text-decoration:none;}
.header ul.topnav li a:hover{color:#182a88; text-decoration:none;background:none;}
.header ul.topnav li a.navcurrent,.header ul.topnav li a.navcurrent:hover{color:#C62715; background:none; }
.header .navcurrent{color:#182a88; background:none; }

/*menu icon*/
#mobile_memu{ float:right; margin-right:10px; display:block; width:50px; height:50px; padding-top:5px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.icon-i{margin:6px auto; display:block; width:30px; height:3px; background:#182a88;}

/*中部banner部分*/
.BannerList {width:100%; margin:0 auto; margin-top:0;position: relative;}

/* Slider*/
.BannerList div.sliderbox{ height:290px; }
.slick-dots {bottom: 30px;}
/************************************************************************************************=======================================================================****/


/*全局宽度*/

.bg_gray { background:#fff;}
.main {width:100%;margin:0 auto;overflow:hidden;height:auto;padding:0 3px;  }
.pagemain{width:100%;height:auto; margin:0 auto;overflow:hidden;min-height:100px;}
.ContentBox{padding:5px;width:100%;margin:10px auto;height:auto; line-height:25px; color:#333;}


/******************************************************===============================================================*/

/*快速导航*/

.Q_nav{ display:none;}

/****** 1366 index ***********/
.index_4part{width:100%;height:auto; margin:0 auto; margin-top:5px; position:relative;}
.index_4part .index_partbox{width:100%;height:auto; float:left; margin-top:10px;  background:#fff;}
.index_4part .floatright{ float:left;}
.index_4part .index_part_pic{width:100%;height:auto; overflow:hidden;}
.index_4part .index_part_pic img{width:100%; height:auto;}
.index_4part .index_part_info{margin:0 ;}
.index_4part .index_part_info h1 {font-size:24px;line-height:35px;height:auto;font-weight:normal; margin:0 5px; color:#182a88; width:100%;}
.index_4part .index_part_info h1 a{color:#182a88;}
.index_4part .index_part_info h1 a:hover{text-decoration:underline;}
.index_4part .index_part_info p{height:auto; line-height:22px; overflow: hidden; margin:0 5px;}
.index_4part .index_part_info .index_part_more{color:#999; display:block; margin:5px 0;} 
.index_4part .index_part_info .index_part_more a {color:#999; }
.index_4part .index_part_info .index_part_more a:hover{color:#182a88; text-decoration:underline;}

.index_4part .part1_info{width:100%;}
.index_4part .part2_info{width:100%; float:left;}
.index_4part .part2_info h1{text-align:left;}
.index_4part .part2_info p{ text-align:left;}
.fourbrands_ico {display: none;}


#fourbrands_ico2{ display:none;}
#fourbrands_ico3{ display:none;}
#fourbrands_ico4{ display:none;}

.index_solution{width:100%;height:auto; margin:0 auto; margin-top:20px;}
.index_solution .slide_520_210{ float:left; width:100%; height:auto; overflow:hidden;}
.index_solution .slide_520_210 .slide1box{width:100%; height:100%; overflow:hidden;position:relative;}
.index_solution .slide_520_210 .slide1box img{width:100%; height:auto; }

.index_solution .index_solution_box{ float:left; width:100%; height:auto; border:0; background:#fff;}
.index_solution .index_solution_box h1 {font-size:24px;line-height:35px;height:auto;font-weight:normal; color:#182a88; margin:0px 5px;}
.index_solution .index_solution_box h1 a{color:#182a88;}
.index_solution .index_solution_box h1 a:hover{text-decoration:underline;}
.index_solution .index_solution_box p{height:auto; line-height:25px;margin:0px 5px;overflow: hidden;}


/******* 1024 about page *********/
.about_list{width:100%;height:auto; margin:0 auto; margin-top:10px;}/***/
.about_list .about_list_box{ float:left; width:100%; height:auto; margin-right:0; } /***/
.about_list .about_list_pic{width:100%;height:auto; overflow:hidden;}/***/
.about_list .about_list_pic img{width:100%; height:auto;}/***/
.about_list .index_part_info{margin:0 ;}
.about_list .about_list_box h1 { display:block; font-size:20px;height:auto;line-height:30px;font-weight:normal; color:#595757;margin:10px 5px;}
.about_list .about_list_box .about_text {height:auto; min-height:50; margin:0 5px; margin-bottom:15px; line-height:25px; overflow: hidden;}




.aboutbox{width:100%;height:auto; margin:10px auto;}

.aboutbox .aboutbox_l{width:100%; height:auto; float:left; overflow:hidden;}
.aboutbox .aboutbox_m{width:100%; height:auto; float:left; padding:0 ; border:0; min-height:300px; overflow:hidden;}
.aboutbox .aboutbox_r{width:100%; height:auto; float:left; padding-top:0; overflow:hidden;}
.aboutbox .aboutbox_r .alignright{ clear: both; float:none; display: block; margin:auto;}
.aboutbox .contactlist{width:100%;}
.aboutbox .probox_m { min-height:100px;}

.left_sortlist{float:left;width:100%; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px;}
.left_sortlist a {width:auto;font-size:14px; margin:5px 8px;color:#333;float:left;display: block; background:#fff; border:1px solid #00A1E9; padding:0 8px;line-height:28px;height:28px; text-align: center; min-width:60px;}
.left_sortlist a:hover {color:#EC6830; text-decoration:underline;}
.left_sortlist #leftnavhover {color:#EC6830;border:1px solid #EC6830;}
.left_sortlist #leftnavhover2 {color:#EC6830; text-decoration:underline;}
.left_sortlist .parentnav{color:#000; width:100%; background:none; border:0; border-bottom:1px solid #EA5515; text-align:left; }
.left_sortlist .parentnav:after { content:" >>"; }
.left_sortlist .Left_2navlist {width:100%;height:auto;}
.left_sortlist .Left_2navlist a{margin-left:0;background:none; border:0; width:auto;text-align: center; min-width:60px;padding:0 8px; margin:0 8px;font-size:12px;color:#888;float:left;display:inline;line-height:22px;height:22px;}
.left_sortlist .Left_2navlist a:hover {color:#EC6830; text-decoration:underline;}

.pronavlist a {color:#000; width:100%; background:none; font-size:16px; border:0; border-bottom:1px solid #ccc; text-align:left;}
.pronavlist a:after { content:" >>"; }
.pronavlist2 a:after { content:""; }
.pronavlist #leftnavhover {color:#EC6830;border:0;border-bottom:1px solid #EA5515;}

.aboutbox .aboutbox_m  h1 { display:block; width:100%; font-size:20px;height:25px;line-height:25px; margin-bottom:20px; font-weight:normal; color:#000;}
.aboutbox .aboutbox_m  h1 span{ float:left; display:block;  margin-right:5px;}
.aboutbox .aboutbox_m  h1 .sort_name2{ clear:both;font-size:16px; margin:10px auto; color:#EA5515; height:auto;line-height:25px;}
.aboutbox .about_info{clear:both; width:100%; height:auto; line-height:25px;}
.aboutbox .about_info img{width:auto; max-width:100%; height:auto;}




.contactlist .contact_list_box { float:left; width:295px; height:auto; margin-right:10px;}
.contactlist .last{margin-right:0;}
.contactlist .contact_list_box h1 { display:block; font-size:20px;height:25px;line-height:25px;font-weight:normal; color:#333;margin:0;}
.contactlist .contact_list_box h1 .a1 a{color:#182a88;}
.contactlist .contact_list_box h1 .a2 a{color:#00A1E9;}
.contactlist .contact_list_box h1 .a3 a{color:#EA5515;}
.contactlist .contact_list_box h1 a:hover{text-decoration:underline;}
.contactlist .contact_list_box .contact_list_text {height:auto; min-height:100px; margin:0; margin-top:20px; line-height:25px; overflow: hidden;}
.contactlist .contact_list_box .contact_list_text span{font-size:16px; color:#333; display:block; margin-bottom:10px;height:30px;line-height:30px;}

.baidumap{width:600px; height:250px; overflow:hidden; float:right;}


/********* 1024 解决方案 ***************************/

.solutionlist{width:100%;height:auto; margin:0 auto; margin-top:5px; position:relative;}
.solutionlist .solutionlist_box{width:100%;height:auto; float:left; margin-top:20px;  background:#fff;}
.solutionlist .floatright{ float:left;}
.solutionlist .solutionlist_pic{width:100%;height:auto; overflow:hidden;}
.solutionlist .solutionlist_pic img{width:auto; max-width:100%; height:auto;}
.solutionlist .solutionlist_info{margin:0 10px; margin-bottom:20px;}
.solutionlist .solutionlist_info h1 {font-size:20px;line-height:35px;height:auto;font-weight:normal; color:#182a88; width:100%;}
.solutionlist .solutionlist_info h1 a{color:#182a88;}
.solutionlist .solutionlist_info h1 a:hover{text-decoration:underline;}
.solutionlist .solutionlist_info p{height:auto; line-height:22px; overflow: hidden;}




/********* 1024 news list ***************************/

.newscontent {font-size:16px; line-height:30px; width:100%; height:auto;}
.newscontent h2{font-size:18px; margin:15px 0;}
.mleft{ float:left; width:100%; height:auto; overflow:hidden;}
.mleft .newlist_last{ margin-right:0;}

.newlist_box{ float:left; width:100%; height:100px; margin-right:0; margin-bottom:30px; background:#FFFFFF; overflow:hidden;}
.newlist_box .newlist_pic{ float:left; width:30%; max-width:100px; height:100px;}
.newlist_box .newlist_pic img{width:100px; height:100px;}
.newlist_box .newlist_title { clear: none; width:65%; float:left;font-size:16px;line-height:20px;height:auto; margin:0; margin-left:10px; color:#182a88;overflow:hidden;}
.newlist_box .newlist_title a{color:#182a88;}
.newlist_box .newlist_title a:hover{text-decoration:underline;}
.newlist_box .newlist_info { clear:none; float:left;width:65%; font-size:14px;line-height:20px;height:60px; margin:0 10px 20px 10px; overflow:hidden;}




.mright{ clear:both;float:left; width:100%; height:auto;background:#FFFFFF;}
.mright .news_right{ margin:20px 10px; height:auto; overflow:hidden;}
.mright .news_right h1{font-size:18px;color:#182a88;line-height:40px;height:40px; margin:10px auto;}
.newscontent{ background:#fff; width:auto; height:auto; min-height:300px;padding:5px; margin:0 auto;}
.newscontent .newscontent_title{ width:100%; height:auto; margin:20px auto; border-bottom:1px solid #ccc;}
.newscontent .newscontent_title h1{font-size:20px;line-height:30px;height:auto; margin:0 auto; font-weight: normal;text-align:center;}
.newscontent .newscontent_title h3{font-size:14px;line-height:40px;height:auto;color:#999; font-weight: normal; margin:0 auto; text-align:center;}
.newscontent .newscontent_next{ margin:10px; margin-top:50px; border-top:1px dotted #666; padding-top:10px;}
.newscontent .newscontent_next li{ float:left; width:100%; font-size:12px;line-height:30px;height:auto;color:#666;}
.newscontent .newscontent_next li a{color:#666;}
.newscontent .newscontent_next li a:hover{color:#182a88;}


/*********==== 1024 news list==== *******************/


/*** 1024 页底****/

#footer{width:100%;}

#footer .footer1{width:100%;height: auto; margin:0 auto;padding:20px 0; background:#555 url(../images/footer_line.png) no-repeat center top;}
#footer .footer2{width:100%;height: auto; margin:0 auto;height: auto; line-height:22px; font-size:14px; background:#7D7D7D;color:#CCC; padding-top:10px;}

#footer .copyrightBox{ width:100%; height:auto; margin:0 auto;}
#footer .copyrightBox .copyright{margin-left:0; height:auto;  float:left; text-align:center;}
#footer .copyrightBox .copyright a{ clear:both; display:block; margin-left:0;}
#footer .copyrightBox .footer_logo{float: none; clear:both; width:100%; text-align:center; height:50px; margin:0 auto; padding:5px 0;}

#footer .footerBox{ width:100%;margin:0 auto; height:auto;}

#footer .footer_nav1{width:100%; height:auto; float:left; margin-left:0; padding:0 5px;}
#footer .footerBox h1{ width:100%;  height:auto; line-height:35px; min-height:35px; color:#ddd;font-size:16px;font-weight:normal; border-bottom:1px solid #ddd }


#footer .footerBox h1 a {color:#ddd;}
#footer .footerBox h1 a:hover {color:#fff;}
#footer .footerBox h1 span{ float:left; margin:0 20px;}
#footer .footerBox h1 p{ float:left; }

#footer .footer_nav1 .footer_navinfo1{width:100%; height:auto; margin:15px 0; background: none;  }
#footer .footer_nav1 ul{width:70%; max-width:200px; margin-left:10%; float:left; font-size:12px;}
#footer .footer_nav1 ul {color:#ccc;}
#footer .footer_nav1 ul a {color:#ccc;}
#footer .footer_nav1 ul a:hover {color:#fff;}
#footer .footer_nav1 .floatright{float:left;}
#footer .footer_nav1 ul li{ float:left; width:100%; height:20px; line-height:20px; overflow:hidden;}
#footer .footer_nav1 ul li span{ float:left;width:65%; overflow:hidden;}
#footer .footer_nav1 ul li p{ width:30%; float:right; text-align:left;}

#footer .footer_nav2{width:100%; height:auto; float:left; margin-left:0;padding:0 5px;}
#footer .footer_nav2 .footer_navinfo2{width:100%; height:auto; margin:15px 0; }
#footer .footer_nav2 ul{width:70%; max-width:200px;margin-left:10%; float:left; font-size:12px;}
#footer .footer_nav2 ul {color:#ccc;}
#footer .footer_nav2 ul a {color:#ccc;}
#footer .footer_nav2 ul a:hover {color:#fff;}
#footer .footer_nav2 ul li{ float:left; width:100%; height:20px; line-height:20px; overflow:hidden;}
#footer .footer_nav2 ul li span{ float:left;width:65%; overflow:hidden;}
#footer .footer_nav2 ul li p{ width:30%; float:right; text-align:left;}

/***=== 1024 页底===****/

/*** go top**/
.gotop_rmenu{ display:none;}
/*** page style**/
.totalPages_span{display:none;}
}
/***max-width:1024px end******/



/***max-width:960px start******/
@media screen and (max-width:960px) {

/***************************************************************************************************************************************************************************/
/* Slider*/
.BannerList div.sliderbox{ height:275px; }
.slick-dots {bottom: 20px;}
/************************************************************************************************==========================================================================*/
}

/***max-width:800px start******/
@media screen and (max-width:800px) {

/***************************************************************************************************************************************************************************/
/* Slider*/
.BannerList div.sliderbox{ height:230px; }
.slick-dots {bottom: 20px;}
/************************************************************************************************==========================================================================*/
}
/***max-width:800px end******/

/***max-width:640px start******/
@media screen and (max-width:640px) {

/***************************************************************************************************************************************************************************/
/* Slider*/
.BannerList div.sliderbox{ height:180px; }
.slick-dots {bottom: 10px;}
/************************************************************************************************==========================================================================*/
}
/***max-width:640px end******/

/***max-width:480px start******/
@media screen and (max-width:480px) {

/***************************************************************************************************************************************************************************/
/* Slider*/
.BannerList div.sliderbox{ height:135px; }
.slick-dots {bottom: 10px;}
/************************************************************************************************==========================================================================*/
}
/***max-width:480px end******/
@media screen and (max-width:360px) {

/***************************************************************************************************************************************************************************/
/* Slider*/
.BannerList div.sliderbox{ height:103px; }
.slick-dots {bottom: 0px;}
/************************************************************************************************==========================================================================*/
}