@charset "utf-8";

html{color:#000;background:#FFF; }  

body { font: 14px/22px "Microsoft Yahei",arial,helvetica,clean,sans-serif;min-width:1200px;} /*网站字体颜色*/

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{margin:0;padding:0;}

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

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}



/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}



.mt10{ margin-top:10px;}



a { color:#666; text-decoration:none;}  /*for ie f6n.net*/

a:focus {outline:0;} /*for ff f6n.net*/

.vam { vertical-align:middle;}

.clear {clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px;}

.tr { text-align:right;}

.tl { text-align:left;}

.center { text-align:center;}

.fl { float:left;}

.fr { float:right;}

.f_fl{float:left;}

.f_fr{float:right;}

.f_fa{font-family:Arial, Helvetica, sans-serif;}

.f_fw{ font-family:"Microsoft Yahei";margin-top:15px;}

.f_pr{position:relative;}

.f_pa{position:absolute;}

.pa { position:absolute;}

.pr { position:relative}

/*标签部分*/

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

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

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* -- 页面整体布局 -- */

.header, .footer { width:1200px; margin:0 auto;  }

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

.left,.leftr{ width:244px; float:left; overflow:hidden;}

.leftr{ float:left;}

.left2 { width:890px; float:left; overflow:hidden; margin-top:15px;}

.left3 { width:754px; float:left; overflow:hidden; color:#666;}

.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}

.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}

.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }



.right,.rightl{ width:930px; float:right; display:inline;overflow:hidden;}

.rightl{ float:right;}

.right2 { width:275px;  float:right; overflow:hidden;margin-top:15px;}

.right3 { width:201px; float:right; overflow:hidden; color:#666;}

.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}



.right_main { width:930px; overflow:hidden; }

.right2_main { width:273px;overflow:hidden;}

.left2_main {width:900px;overflow:hidden;}







.suspension {

	width: 50px;

	height: 230px;

	position: fixed;

	right: 30px;

	bottom: 108px;

	z-index: 999

}



.suspension li {

	position: relative;

	width: 50px;

	height: 50px;

	margin-top: 10px;

	background-color: #00b7e7;

	border-radius: 4px

}



.suspension li:hover {

	background-color: #f76c35

}



.suspension .default-transition {

	-webkit-transition-property: background-color;

	-moz-transition-property: background-color;

	-ms-transition-property: background-color;

	-o-transition-property: background-color;

	transition-property: background-color

}



.pop-qrcode,.pop-tel,.suspension a {

	display: block;

	width: 100%;

	height: 100%;

	background-image: url(../images/side_icons.png);

	background-repeat: no-repeat

}



.voice-service {

	background-position: 0 0

}



.pop-tel {

	background-position: -50px 2px

}



.pop-qrcode {

	background-position: -100px 0

}



#toTop {

	background-image: url(../images/side_icons.png);

	background-position: -150px 0;

	background-repeat: no-repeat;

	cursor: pointer

}



.connect-us {

	display: none;

	position: absolute;

	width: 230px;

	right: 69px;

	top: 0;

	z-index: 30;

	background: #fff;

	height: 50px;

	line-height: 50px;

	padding-left: 20px;

	color: #666;

	font-size: 16px;

	border: 1px solid #ddd

}



.tel-corner {

	border: 10px solid transparent;

	border-left: 10px solid #fff;

	position: absolute;

	right: -19px;

	bottom: 14px;

	z-index: 10

}



.tel-corner-back {

	border: 11px solid transparent;

	border-left: 11px solid #ddd;

	position: absolute;

	right: -22px;

	bottom: 13px;

	z-index: -1

}



.qrcode {

	position: absolute;

	width: 142px;

	height: 144px;

	right: 60px;

	top: -46px;

	z-index: 30;

	background: url(../images/code2d.png);

	display: none

}



.hide-text {

	font: 0/0 a;

	color: transparent;

	text-shadow: none;

	background-color: transparent;

	border: 0

}

.h_nav li a:-webkit-any-link{ display:block;}

 .head{ height:155px;position: relative; z-index: 10;}

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

        .site-nav{height:29px; line-height:29px; font-size:14px; color:#848484; background: #f0f0f0;}

        .site-nav span a{display:inline-block;padding:0 5px;color:#848484;}

        .logo{height:86px;}

        .logo h1{display:block; width:166px; height:51px; margin: 15px 5px 0 0;}

        .logo h1 img{width:100%; }

        .logo h1{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}

        .logo h1:hover{margin-left:5px;}

        .logo .slogan{display:block;margin-top:15px;width:440px;font-size:18px;color:#2d2d2d; b}

        .logo .slogan b{display:block; font-size: 27px; margin-top: 3px;line-height:25px; letter-spacing: 1px;}

        .logo .slogan span{ color: #e50112;}

        .logo .tel{ width:240px; height:54px; color:#666666; font-size:14px; padding-left: 40px; margin-top: 20px;}

        .logo .tel i{display:block;font-size:21px;color:#e50112;font-style:normal; line-height:25px;}



        .nav{height:40px;line-height:40px;background:#3a3a3a;}

        .nav ul li{display:block;float:left;font-size:17px; position: relative;}

        .nav ul li i{margin:10px 10px 0 0;}

        .nav ul li > a{display:inline-block;padding:0 40px;color:#ffffff;}

        .nav ul li > a:hover,.nav ul li.cur > a{background:#cf000a;}

        .nav li .down{ display: none; position: absolute; left: 0; top: 40px; background: #cf000a;}

        .nav li .down ul{ padding: 10px 0; overflow: hidden;}

        .nav li .down li{ height: 40px; line-height: 40px; text-align: center; width:100%;     white-space: nowrap;}

        .nav li .down li a{text-align: center; display: block;padding: 0; font-size: 14px; background: none; padding: 0 10px;}

        .nav li .down li a:hover{ background: none; color: #e2e2e2;}

        .nav li:hover .down{ display: block;}

        

  

 .header , .content , .footer { width:1200px; margin:0 auto;  }

    .foot{background: url("../images/ft_bg.jpg"); }

 .ft-contact{ height: 120px; color: #a9a9ab; font-size: 14px;}

  .ft-contact .add{ width: 420px; border-right: 1px solid #33323b; margin-right: 30px; float: left; height: 120px; padding-left: 40px;box-sizing: border-box;}

  

 .ft-contact .tel{ float: left;  padding-left: 40px;box-sizing: border-box;}

                .ft-contact i{ width: 20px; display: inline-block;}

                .ft-contact span{ display: block; font-size: 18px; color: #fff; margin: 37px 0 10px;}

                .ft_info{ height: 227px; border-bottom: 1px solid #3b3941;}

                .ft_info h2{ width: 350px; font-size: 16px; line-height:34px; color: #acacad; font-weight: normal;}

                .ft_info h2 img{ display: block; width: 166px; height: 36px; margin-bottom: 20px;}

                .ft_info h2 b{ display: block; font-size: 21px;}

                .ft_info .ft_nav{ width: 320px; font-size: 14px; color: #acacad; }

                .ft_info .ft_nav span{ display: block; font-size: 18px; color: #fff; margin-bottom: 24px;}

                .ft_info .ft_nav a{ display: inline-block; width: 155px; color: #acacad; line-height: 35px;}

                .copyright{ height: 49px; line-height: 49px; font-size: 14px; color: #5d5d60;}

 

 .copyright a{ color: #5d5d60;}



        .footer {

            width: 1200px;

            margin: 0 auto;

            position: relative;

        }

        

        .form {

            width: 474px;

            overflow: hidden;

            position: absolute;

            right: 0;

            top: 194px;

        }

        

        .form h2 {

            display: block;

            font-size: 18px;

            color: #fff;

            margin-bottom: 24px;

            font-weight: normal;

        }

        

        .form li {

            width: 218px;

            height: 45px;

            line-height: 45px;

            background: #3e3d45 url("../images/form_icon.png") no-repeat 202px center;

            margin-right: 18px;

            float: left;

        }

        

        .form li span {

            font-size: 14px;

            color: #b0b0b2;

            float: left;

            width: 50px;

            text-align: right;

        }

        

        .form li input {

            width: 150px;

            height: 45px;

            border: none;

            background: none;

            float: left;

            overflow: hidden;

            color: #fff;

            outline: none;

        }

        

        .form .form-btn {

            height: 33px;

            line-height: 33px;

            margin-top: 20px;

            font-size: 14px;

            color: #fff;

        }

        

        .form .form-btn a {

            width: 109px;

            height: 33px;

            border: 1px solid #98989b;

            display: inline-block;

            overflow: hidden;

            color: #fff;

            text-align: center;

            box-sizing: border-box;

        }

        .form-btn button{border:none;width:100px;height:33px;border-radius:3px;background-color:#e50112;color:white;cursor:pointer}

.form-btn button:hover{border:none;width:100px;height:33px;border-radius:3px;background-color:#3a3a3a;color:white;cursor:pointer}



        .form .form-btn a:first-child {

            background: #ee1217;

            border-color:#ee1217;

        }

    



        .client-2 {font-family:"Microsoft Yahei";

            position: fixed;

            right: -170px;

            top: 50%;

            z-index: 900;

        }

        

        .client-2 li a {

            text-decoration: none;

        }

        .client-2 li {

            margin-top: 1px;

            clear: both;

            height: 71px;

            position: relative;

        }

        

        .client-2 li i {

            background: url(../images/fx.png) no-repeat;

            display: block;

            width: 30px;

            height: 27px;

            margin: 0px auto;

            text-align: center;

        }

        

        .client-2 li p {

            height: 20px;

            line-height: 20px;

            overflow: hidden;

            text-align: center;

            color: #fff;

        }

        

        .client-2 .my-kefu-qq i {

            background-position: 4px 5px;

        }

        

        .client-2 .my-kefu-tel i {

            background-position: 0 -21px;

        }

        

        .client-2 .my-kefu-liuyan i {

            background-position: 4px -53px;

        }

        

        .client-2 .my-kefu-weixin i {

            background-position: -34px 4px;

        }

        

        .client-2 .my-kefu-weibo i {

            background-position: -30px -22px;

        }

        

        .client-2 .my-kefu-ftop {

            display: none;

        }

        

        .client-2 .my-kefu-ftop i {

            width: 33px;

            height: 35px;

            background-position: -27px -51px;

        }

        

        .client-2 .my-kefu-left {

            float: left;

            width: 77px;

            height: 47px;

            position: relative;

        }

        

        .client-2 .my-kefu-tel-right {

            font-size: 18px;

            color: #fff;

            float: left;

            height: 22px;

            line-height: 22px;

            padding: 0 15px;

            border-left: 1px solid #fff;

            margin-top: 14px;

            width:139px;

            overflow:hidden;

        }

        

        .client-2 .my-kefu-right {

            width: 20px;

        }

        

        .client-2 .my-kefu-tel-main {

            background: #3482e7;

            color: #fff;

            height: 56px;

            width: 247px;

            padding:9px 0 6px;

            float: left;

        }

        

        .client-2 .my-kefu-main {

            background: #3482e7;

            width: 97px;

            height: 56px;

            position: relative;

            padding:9px 0 6px;

            float: left;

        }

        

        .client-2 .my-kefu-weixin-pic {

            position: absolute;

            left: -130px;

            top: -24px;

            display: none;

            z-index: 333;

        }

        

        .my-kefu-weixin-pic img {

            width: 115px;

            height: 115px;

        }

    /*.site-nav .fr a span{transform: translateY(-10px);display: inline-block;}*/