/*css reset*/
/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, menu, nav, section, summary,time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-family: 'Microsoft YaHei';
    /*box-sizing: border-box;*/
}

body {
    line-height:1;
}

:focus {
    outline: none;
}

article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

.ys {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	font-size:12px;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
ul,li{
    list-style: none;
}
img{ border: 0; padding: 0; border: none}

.img_all{ background: url("../images/bgimg.png") no-repeat;}

/*public 开始*/
.col{ width:1100px; margin: 0 auto;}


/*----------------头部文字提示---------------*/
.topCityBox{ width: 100%; height: 30px; background: #f3f3f3; border-bottom: #e0e0e0 solid 1px; line-height: 30px;font-size: 12px; }
.topCityBox span{ color: #181818;}
.index_top_nav .hintbox{    float: left; cursor: pointer}
.index_top_nav .nav_right{ float: right;height: 30px;}
.index_top_nav .nav_right .boxcity{  float: left;}
.index_top_nav .nav_right .boxcity span{ float: left; }
.index_top_nav .nav_right a{ float: left; padding: 0 5px; color: #181818; text-decoration: none}
.index_top_nav .nav_right a:hover{ text-decoration: underline}

.cooperation{ float: left; height: 30px; position: relative; padding-right: 30px;}
.cooperation img{ position: absolute; right:0px; top: 2px;}

.contactbox{ width:120px; height: 30px; float: right; padding-left: 10px; }

.contactbox li{ width: 40px; height: 30px; float: left;font-size:18px; line-height: 30px; text-align: center; color: #808080; cursor: pointer}
.contactbox li i.icon-wx{font-size: 24px; line-height: 30px;}
.contactbox li:hover{ background: #fff;}
.contactbox li:hover i.icon-wb{ color: #ff7d0f}
.contactbox li:hover i.icon-qq{ color: #69d1dd}
.contactbox li:hover i.icon-wx{ color: #00cb00}
.contactbox li.WeChat{ position: relative}
.contactbox li.WeChat .wxpop{ width: 180px; height: 72px; background: #fff; border: #e0e0e0 solid 1px; position: absolute; right: 0; display: none;top: 30px; padding: 10px; border-top: none }
.contactbox li.WeChat .wxpop img{ width: 72px; height: 72px; float: left}
.contactbox li.WeChat .wxpop span{ font-size: 12px; width: 68px;}
.contactbox li.WeChat .wxpop b{ font-size: 18px; color: #00cb00}
.contactbox .WeChat:hover .wxpop{ display: block}

/*--------------logo部分----------*/
.topBox{ height: 100px; width: 100%; margin: 10px auto;}
.topBox .logoimg{ width: 334px; height: 74px; background:url(../images/logoimg.png) left  no-repeat; float: left; margin: 13px 0;}
.topBox .rightbox{ float: right; width:340px; height:100px;}


.topBox .rightbox .phonebox{ width: 240px; float: left;  height: 50px; padding:25px 0;}
.topBox .rightbox .phonebox span{ width: 50px; height:50px; background: #ff9000; color: #fff; display: block; border-radius: 25px; float: left; }
.topBox .rightbox .phonebox span i{ font-size: 30px; text-align: center; line-height: 50px; margin-left:8px;}
.topBox .rightbox .phonebox .number{ float: left; height: 54px;width: 170px; padding-left:5px;}
.topBox .rightbox .phonebox .number a{ font-size: 12px; display: block; height: 20px; line-height: 20px;}
.topBox .rightbox .phonebox .number b{ color: #ff9000; font-size: 22px; font-family: "Tahoma"; font-weight:bold; }


.topBox .rightbox .wx70{ width:100px; height:88px; float: left;  margin-top: 12px;}
.topBox .rightbox .wx70 img{ width: 70px; height: 70px; text-align: center; display: block; margin-left: 15px;}
.topBox .rightbox .wx70 i{ font-style: normal; font-size: 12px; height:18px; width: 100px; line-height: 18px; display: block; letter-spacing: 1px; text-align: center }

/*----------导航部分----------------*/
.navBg{ height: 40px; width: 100%; background: #008bed}
.navBg .nav{ height: 40px; }
.navBg .nav li{  line-height: 40px; text-align: center;position: relative; width: 122px; float: left}
.navBg .nav li a{ float: left; color: #fff; text-decoration: none; text-align: center; width: 100%; position: relative}
.navBg .nav li.on,.navBg .nav li:hover{ background: #00538d}
.navBg .nav li .box{  position: absolute; z-index:9999999; background: #00538d; top: 40px; display: none;_z-index:99999;}
.navBg .nav li .box>a{ height: 35px; line-height: 35px; font-size: 14px;}
.navBg .nav li .box>a:hover{ background: #f0bc4f; color:#1d1d1d; }
.navBg .nav li a.Selected .box,.navBg .nav li a:hover .box{ display: block}

/*------底部footer--------*/
.footer{  width: 100%; font-size: 12px;}

/*新增广告条部分*/
.adcolumn{
    width: 100%;
    height: 140px;
    text-align: center;
    overflow: hidden;
	position:relative;
}
.adcolumn img{
position:absolute;
width:1920px;
left:50%;
margin-left:-960px;
}
/*白色部分*/
.footer .ibottomImg{ height:50px; width: 100%; background-color: white; padding: 40px 0}
.footer .ibottomImg .whitebox{ width: 1100px; float: left;}
.footer .ibottomImg .whitebox li{ width: 220px;float: left; margin-left: 10px;}
.footer .ibottomImg .whitebox li .l_img{ width: 50px; height: 50px; float: left}
.footer .ibottomImg .whitebox li .l_img i{ font-size: 40px; text-align: center;line-height: 50px; color:#008bed;}
.footer .ibottomImg .whitebox li .r_txon{ width: 150px; height: 50px; float: left; padding-left: 0px;}
.footer .ibottomImg .whitebox li:first-child{ width: 270px;}
.footer .ibottomImg .whitebox li:first-child .l_img{ width: 50px;}
.footer .ibottomImg .whitebox li:first-child .r_txon{ width: 210px;}
.footer .ibottomImg .whitebox li:nth-child(2){ width:170px; }
.footer .ibottomImg .whitebox li:nth-child(2) .l_img{ width: 50px;}
.footer .ibottomImg .whitebox li:nth-child(2) .r_txon{ width: 110px;}
.footer .ibottomImg .whitebox li .r_txon a,.footer .ibottomImg .whitebox li .r_txon b{ width: 100%; display: block; float: left}
.footer .ibottomImg .whitebox li .r_txon b{ font-size:16px; line-height: 30px; color: #453f41; font-family:'Microsoft YaHei'; letter-spacing: 2px;}
.footer .ibottomImg .whitebox li .r_txon a{ color: #4f484b; text-transform: capitalize}

/*浅灰色部分*/
.footer .graybox{ background: #cecece url("../images/china.png")  1200px center  no-repeat; height: auto; width: 100%; float: left; padding:40px 0}
.footer .graybox .footbox{ width: 1100px; float: left;}
.footer .graybox .footbox .logobox{ width: 220px; background: url("../images/logoimg218.png") center no-repeat; height: 130px; float: left}
.footer .graybox .footbox .phonebox{ float: left;}
.footer .graybox .footbox .phonebox li{ width: 150px; float: left; }
.footer .graybox .footbox .phonebox li a{ width: 150px; float: left; height:26px; line-height: 26px;  text-decoration: none; color: #515151; letter-spacing: 1px; text-align: center }
.footer .graybox .footbox .phonebox li a:hover{ text-decoration: underline}
.footer .graybox .footbox .phonebox li a:first-child{ font-size: 12px; font-weight: 600; background: url("../images/footimg.png") bottom no-repeat; padding-bottom: 5px; color: #3f3f3f; margin-bottom: 5px; text-decoration: none}

.footer .graybox .footbox .codebox{ float: right; width: 250px; height: 130px;}
.footer .graybox .footbox .codebox li{ width: 110px; height: 130px; float: left}
.footer .graybox .footbox .codebox li:first-child{ margin-right: 30px;}
.footer .graybox .footbox .codebox li img{ width: 110px; height: 110px}
.footer .graybox .footbox .codebox li span{ width: 110px; height: 20px; line-height: 20px; text-align: center; display: block; color: #515151}
/*深灰色部分   */
.footer .dgreybox{ height:auto; background: #3c3c3c; padding: 20px 0; float: left; width: 100%}
.footer .dgreybox .tbox{ height: auto; float: left;}
.footer .dgreybox li{ width: 1100px; float: left; padding: 2px 0; }
.footer .dgreybox li .leftb{ float: left; width: 70px; display: block; line-height: 25px; text-align: center;color: #a3a3a3;}
.footer .dgreybox li .rightt{ float: left; width:1030px; line-height: 25px;color: #a3a3a3; }
.footer .dgreybox li .rightt a{ text-align: left; line-height: 25px; color: #a3a3a3; text-decoration: none; padding: 0 5px; float: left}
.footer .dgreybox li .rightt a:hover{ text-decoration: underline}
.footer .dgreybox li .rightt a:first-child{ padding-left: 0;}
.footer .dgreybox li .twott{ letter-spacing:5px;}
.footer .dgreybox li .recordbox{ position: relative; width: auto; float: left}
.footer .dgreybox li .recordbox span{ position: absolute; right: -30px; top: -2px;}



/*---------------------案例展示----------------------*/
#anli{ height: 460px; width: 100%; background: #ffffff; padding:20px 0;}
#anli .titlebox{  width: 1100px; height: 50px;padding: 10px 0;}
#anli .titlebox a{ color:#000000;}
#anli .titlebox b{ font-size: 22px; line-height: 50px; float: left}
#anli .titlebox span{ font-size: 14px; padding-left: 5px; float: left; line-height: 50px;}
#anli .titlebox .hintbox{ float: right; padding-right: 10px;}
#anli .titlebox .hintbox a{ font-size: 14px; padding-left: 5px; line-height: 50px; text-decoration: none; color: #3b3b3b}
#anli .titlebox .hintbox a:hover{ text-decoration: underline}
#anli .conlist{ width: 1100px; background: #00cb00; position: relative}
#anli .conlist ul li{ width: 265px; height: 350px; background: #008bed; margin-right: 10px; float: left; position: relative;transition: 0.5s; cursor: pointer; overflow: hidden }
#anli .conlist ul li .slidebox{ width: 265px; height:54px; position: absolute; left: 0; bottom: 0; background: rgba(16,129,233,0.85); z-index: 1; color: #ffffff;  transition: 0.5s; overflow: hidden; padding-top: 8px; }
#anli .conlist ul li .slidebox b{ width: 225px; height: 30px; line-height: 30px; font-size: 16px; display: block; padding: 0 20px;}
#anli .conlist ul li .slidebox i{ font-style: normal; font-size: 16px; padding: 2px 20px; overflow: hidden; height: 16px;display: block }/*2018/07/13修改部分*/
#anli .conlist ul li .slidebox .disbox{ font-size: 12px; display: none; padding-bottom: 20px; position: absolute; padding-left: 20px;}
#anli .conlist ul li .slidebox .disbox span{ width: 100%; line-height: 25px; display: block; height: 25px; overflow: hidden;}/*2018/07/13修改部分*/
#anli .conlist ul li .slidebox .disbox a{ padding: 2px 0px; width: 215px; text-align: center; background: rgb(255, 181, 16); height: 18px; text-decoration: none;  margin: 5px; float: left; color: #434343; line-height: 18px;}
#anli .conlist ul li:hover .slidebox{ height: 170px;transition: 0.5s;}
#anli .conlist ul li:hover .slidebox .disbox{ display: block}
#anli .conlist ul li:hover .slidebox i{ display: none}


#anli .conlist .btnimg{ position: absolute; width: 80px; height: 150px; background: #156fbf; display: block}
#anli .conlist .lbtn{ background: #cb519f; position: absolute; left: 0;}
#anli .conlist .rbtn{ background: #ffb510; position: absolute; right: 0;}


/*灰色背景*/
.graybk{ background:#f4f4f4!important; }
.withebk{ background: #ffffff!important;}


/*位置显示栏*/
.wenzi{ width: 100%; height: 40px; background: #f4f4f4; margin-bottom: 30px; font-size: 14px;}
.wenzi .wenzibox{ width: 1100px; float: left; height: 40px;}
.wenzi .wenzibox a,.wenzi .wenzibox span,.wenzi .wenzibox i{ float: left; height: 40px; line-height: 40px; padding-right: 5px;}
.wenzi .wenzibox a{ color:#3b3b3b; text-decoration: none }
.wenzi .wenzibox a:hover{ text-decoration: underline }
.wenzi .wenzibox i:after{ content: '>'}


/*二级页面的banner高度*/
.banner_two{ width: 100%; height: 400px;overflow: hidden; position: relative}
.banner_two img{ width: 1920px; position: absolute; left: 50%; margin-left: -960px; }

/*tab的样式*/
.tab { position: relative;overflow: hidden; margin: 0 auto 20px auto;}
.tab-nav {  overflow: hidden;}
.tab-nav a {  display: block;  float: left;}
/*.tab-nav a.current { }*/
.tab-con {position: relative; overflow: hidden;}
.tab-con-item {  display: none;}


/*-------弹出广告----*/
.l_adbox_open{ width: 100%; height: 180px; background: rgba(62, 62, 62, 0.96);  position: fixed; bottom: 0; left:0; z-index: 99999;}
/*opacity: 0.85; filter: alpha(opacity=85);*/
.l_adbox_open .con_box{ width: 1100px; position: relative; margin: 0 auto; height: 180px;}
.l_adbox_open .con_box span.imgbox{ position: absolute; z-index: 99999; display:block; bottom: -15px; }
.colse_b{   position: absolute; z-index: 99999; right: 0; cursor: pointer; top:10px; width: 50px; height: 50px; color: #ffffff; font-size: 30px;}
.txt_box{ width:680px; height: 46px; position: absolute;bottom: 25px; right: 50px; z-index: 999999;}
.txt_box span.spanbox{ float:left; width: 210px; height: 40px;  margin-right:20px; display: block; padding: 0;}
.txt_box input{ width: 190px;  height: 40px; border: #bbbbbb solid 1px; padding:0 10px; outline: none; color: #3e3e3e}
.txt_box input.button_bg{ background: #f6d45a;border: #f6d45a solid 1px;; text-align: center; font-size: 16px; cursor: pointer }
.l_adbox_colse{ z-index: 99999; position: fixed; left: -100%; bottom:80px; cursor: pointer;}