@charset "utf-8";
/* CSS Document */
@charset "utf-8";
@font-face{
	font-family:myE;
	src: url(../fonts/DidotBold.ttf);
}
/*===================CSS Reset================*/
::selection {color:#fff;background-color: #06783b;}
::-moz-selection {color:#fff;background-color: #06783b;}
::-webkit-selection {color:#fff;background-color: #06783b;}
::-webkit-scrollbar {width: 3px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}
* {padding: 0;margin: 0; box-sizing:border-box;}
@media (min-width:1660px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1660px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:15px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:14px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px;}}
@media (max-width:328px){html{font-size:12px;}}

/*======================j_load===========================*/

/*.j_load{position:fixed;width:100%;height:100%;z-index:9999999999;background:url(../images/zj_bg.jpg) center no-repeat;opacity:1;visibility:visible;transition:3s;-moz-transition:3s;-ms-transition:3s;-o-transition:3s;-webkit-transition:3s}

.j_load.active{opacity:0;visibility:hidden}

@-webkit-keyframes load_box{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}

@keyframes load_box{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}

.j_load .load_box{position:absolute;top:50%;left:50%;margin:-50px 0 0 -40px;width:80px;height:80px;padding:10px}

.load_box{text-align:center}

.load_box .point{width:20px;height:20px;background-color:#bca180;border-radius:100%;display:inline-block;-webkit-animation:load_box 1.4s ease-in-out 0s infinite both;animation:load_box 1.4s ease-in-out 0s infinite both}.load_box 



.loader{

	width: 50px;

	height: 50px;

	margin: 30px auto 40px;

	position: relative;

}

.loader:before{

	width:20px;

	height:20px;

	border-radius:20px;

	content:'';

	position:absolute;

	background:#10356d;

	-webkit-animation: loader_before 1.5s infinite ease-in-out;

	-moz-animation: loader_before 1.5s infinite ease-in-out;

	-ms-animation: loader_before 1.5s infinite ease-in-out;

	animation: loader_before 1.5s infinite ease-in-out;

}



.loader:after{

	width:20px;

	height:20px;

	border-radius:20px;

	content:'';

	position:absolute;

	background:#d71518;

	left:22px;

	-webkit-animation: loader_after 1.5s infinite ease-in-out;

	-moz-animation: loader_after 1.5s infinite ease-in-out;

	-ms-animation: loader_after 1.5s infinite ease-in-out;

	animation: loader_after 1.5s infinite ease-in-out;

}



@-webkit-keyframes loader_before {

    0% {-webkit-transform: translateX(0px) rotate(0deg)}

    50% {-webkit-transform: translateX(50px) scale(1.2) rotate(260deg); background:#2ecc71;border-radius:0px;}

  	100% {-webkit-transform: translateX(0px) rotate(0deg)}

}

@-webkit-keyframes loader_after {

    0% {-webkit-transform: translateX(0px)}

    50% {-webkit-transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}

  	100% {-webkit-transform: translateX(0px)}

}



@-moz-keyframes loader_before {

    0% {-moz-transform: translateX(0px) rotate(0deg)}

    50% {-moz-transform: translateX(50px) scale(1.2) rotate(260deg); background:#2ecc71;border-radius:0px;}

  	100% {-moz-transform: translateX(0px) rotate(0deg)}

}

@-moz-keyframes loader_after {

    0% {-moz-transform: translateX(0px)}

    50% {-moz-transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}

  	100% {-moz-transform: translateX(0px)}

}





@-ms-keyframes loader_before {

    0% {-ms-transform: translateX(0px) rotate(0deg)}

    50% {-ms-transform: translateX(50px) scale(1.2) rotate(260deg); background:#2ecc71;border-radius:0px;}

  	100% {-ms-transform: translateX(0px) rotate(0deg)}

}

@-ms-keyframes loader_after {

    0% {-ms-transform: translateX(0px)}

    50% {-ms-transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}

  	100% {-ms-transform: translateX(0px)}

}



@keyframes loader_before {

    0% {transform: translateX(0px) rotate(0deg)}

    50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#2ecc71;border-radius:0px;}

  	100% {transform: translateX(0px) rotate(0deg)}

}

@keyframes loader_after {

    0% {transform: translateX(0px)}

    50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}

  	100% {transform: translateX(0px)}

}*/





    #loader-wrapper {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        z-index: 100000000000;

		

    }

	main {

	  display: inline-block;

	  vertical-align: middle;

	  padding:  100px;

	  margin-bottom: 2em;

	   position:absolute; top:0; left:0; width:100%; height:100%;

	   /*background:url(../images/zj_bg.jpg) center no-repeat;*/

  }
#loader-wrapper .loader-section.section-left{ background:#323232 url(../images/zj_bg01.jpg) right center no-repeat; background-size:100% 100%}
#loader-wrapper .loader-section.section-right{ background:#323232 url(../images/zj_bg02.jpg) left center no-repeat; background-size:100% 100%}


    .loader-logo {

        display: block;

        position: relative;

        left: 50%;

        top: 40%;

        margin-left: -100px;

        z-index: 1001;

    }



    #loader {

        display: block;

        position: relative;

        left: 50%;

        top: 54%;

        width: 80px;

        height: 80px;

        margin: -40px 0 0 -40px;

        border-radius: 50%;

        border: 3px solid transparent;

        border-top-color: #3498db;

        -webkit-animation: spin 2s linear infinite;

        /* Chrome, Opera 15+, Safari 5+ */

        animation: spin 2s linear infinite;

        /* Chrome, Firefox 16+, IE 10+, Opera */

        z-index: 1001;

    }



    #loader-wrapper .loader-section {position: fixed;top: 0;width: 50%;height: 100%;z-index: 1000;-webkit-transform: translateX(0);

        /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateX(0);

        /* IE 9 */transform: translateX(0);

        /* Firefox 16+, IE 10+, Opera */ opacity:1}



    #loader-wrapper .loader-section.section-left {

        left: 0;

    }



    #loader-wrapper .loader-section.section-right {

        right: 0;

    }

    /* Loaded */



    .loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);

        /* Chrome, Opera 15+, Safari 3.1+ */-ms-transform: translateX(-100%);

        /* IE 9 */transform: translateX(-100%);

        /* Firefox 16+, IE 10+, Opera */-webkit-transition: all 0.7s 0.4s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.7s 0.4s cubic-bezier(0.645, 0.045, 0.355, 1.000);opacity: 1;}



    .loaded #loader-wrapper .loader-section.section-right {

        -webkit-transform: translateX(100%);

        /* Chrome, Opera 15+, Safari 3.1+ */

        -ms-transform: translateX(100%);

        /* IE 9 */

        transform: translateX(100%);

        /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.4s cubic-bezier(0.645, 0.045, 0.355, 1.000);

        transition: all 0.7s 0.4s cubic-bezier(0.645, 0.045, 0.355, 1.000);

    }



    .loaded #loader,

    .loaded .loader-logo,

    .loaded .load-icons {

        opacity: 0;

        -webkit-transition: all 0.3s ease-out;

        transition: all 0.3s ease-out;

    }



    .loaded #loader-wrapper {

        visibility: hidden;

        -webkit-transform: translateY(-100%);

        /* Chrome, Opera 15+, Safari 3.1+ */

        -ms-transform: translateY(-100%);

        /* IE 9 */

        transform: translateY(-100%);

        /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;

        transition: all 0.3s 1s ease-out;

    }



    .load-home {

        opacity: 0;

        animation: home 4s;

        -moz-animation: home 4s;

        -webkit-animation: home 4s;

        -o-animation: home 4s;

    }



    @keyframes home {

        0% {

            opacity: 0;

        }

        50% {

            opacity: 1;

        }

        100% {

            opacity: 0;

        }

    }



    @-webkit-keyframes home {

        0% {

            opacity: 0;

        }

        50% {

            opacity: 1;

        }

        100% {

            opacity: 0;

        }

    }



    @-moz-keyframes myfirst

    {

        0% {

            opacity: 0;

        }

        50% {

            opacity: 1;

        }

        100% {

            opacity: 0;

        }

    }



    @-o-keyframes myfirst

    {

        0% {

            opacity: 0;

        }

        50% {

            opacity: 1;

        }

        100% {

            opacity: 0;

        }

    }





    /*.no-js #loader-wrapper {

        display: none;

    }*/



    .no-js h1 {

        color: #222222;

    }



    .loader-cont {

        position: absolute;

		top:0;

		left:0;

        width:100%; height:100%;

		z-index:10000000000000

    }

	

	.loaded .loader-cont{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0}



    .load-icon {

        position: absolute;

        opacity: 0;

        height: 10px;

        width: 30px;

    }



    .load-icon img {

        display: block;

        height: 100%;

        width: auto;

    }



    .load-home {

        position: absolute;

        bottom: 0;

        left: 0;

    }



    .load-home img {

        width: 164px;

        height: auto;

    }
	
	/* Loaded */

    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(-100%);
        /* IE 9 */
        transform: translateX(-100%);
        /* Firefox 16+, IE 10+, Opera */
        -webkit-transition: all 0.7s 0.4s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: all 0.7s 0.4s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        opacity: 1;
		-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out; width:2.6875rem;
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(100%);
        /* IE 9 */
        transform: translateX(100%);
        /* Firefox 16+, IE 10+, Opera */
        -webkit-transition: all 0.7s 0.4s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: all 0.7s 0.4s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out; width:2.6875rem;
    }
	
	#loader-wrapper{ text-align:center;}

#loader-wrapper h1{margin-bottom:3.125rem;}

#loader-wrapper h1 main{ display:inline-block;}

#loader-wrapper h1 img{ display:inline;}

#loader-wrapper ul{ font-size:0; text-align:center;}

#loader-wrapper ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 0.9375rem}

#loader-wrapper .table{ display:table; width:100%; height:100%; text-align:center;}

#loader-wrapper .table .table_cell{ display:table-cell; vertical-align:middle;}

#loader-wrapper h6{ font-size:0.75rem; color:#c0c0c0; line-height:1.5rem; font-style:italic; margin-top:4rem}

#loader-wrapper p,#loader-wrapper p a{ font-size:0.75rem; color:rgba(255,255,255,0.23); line-height:1.5rem; font-style:italic}

#loader-wrapper ul.fenxiang{ margin-top:1rem}

#loader-wrapper ul.fenxiang li{display:inline-block;margin: 0.35rem;}

#loader-wrapper ul.fenxiang li .icon {width:1.125rem; height:1.125rem; vertical-align:middle; fill:rgba(255,255,255,0.6); overflow: hidden; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

#loader-wrapper ul.fenxiang li .icon:hover{ fill:#ffffff}



.section{ display:none; overflow:hidden;}

.section.active{  z-index:1000000}



@-webkit-keyframes move {

  0% {

    background-position: 0 0;

  }

  100% {

    background-position: -188px -248px;

  }

}



@keyframes move {

  0% {

    background-position: 0 0;

  }

  100% {

    background-position: -188px -248px;

  }

}



.slogan {

  color: white;

  margin-top: 24px;

  font-size: 36px;

  font-weight: 400;

}



.mask {

display:inline-block;

width: 200px;

height: 238px;

-webkit-animation: move 10s;

animation: move 10s;

background: url(../images/bolang.png) top left no-repeat;

-webkit-mask: url(../images/big_logo.png);

mask: url(../images/big_logo.png);

-webkit-mask-size: cover;

mask-size: cover;
}


body {font: 14px/1.231 "Times New Roman", Times,"微软雅黑", 'Microsoft YaHei', helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1.2; min-width:1200px; overflow-x:hidden;}
.loading-mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #06783b;
	transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-ms-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-o-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-webkit-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-moz-transition: cubic-bezier(.62, .06, .07, .98) 1s
}
.loading-mask.compelet {
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%)
}
.full {
    width: 100%;
    height: 100%;
}

:focus { outline: 0;}
 input,button,a { outline:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
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;}
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: top;}
li,ul {list-style-type: none;}
img {border: none;}
a{text-decoration: none; color: inherit;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
input,textarea {outline: 0;border: 0;}
textarea {resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}
ul, li {list-style: none;margin: 0;padding: 0;}

/*自定义样式*/
.fl {float: left;}
.fr {float: right;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1440{max-width: 1440px; width:90%; margin: 0 auto; display: block; position:relative;}
.m1600{max-width: 1600px; width:90%; margin: 0 auto; display: block; position:relative;}
.img{ overflow:hidden;}
.img img{ width:100%; height:100%;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.clear{ clear:both;}

/*首页开始*/

#header{ position:absolute; z-index:999; width:100%; transition:1s;}
#header .m{ position:relative;}	
#top{ height:2.5rem; line-height:2.5rem; margin-bottom:1rem; position:relative;}
#top:before{ width:0; height:1px; content:""; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}
.active #top:before{ width:100%; transition-delay:2.6s;}

#top .top_tel{ color:#fff; font-size:14px; font-family:arial; margin-right:0px;}
#top .top_tel img{ position:relative; top:3px; margin-right:5px;}
.social-share-block li{ float: left; margin-top:10px; width:20px; height:20px; font-size:0;}
.social-share-block li+li{ margin-left:15px;}
.social-share-block li img{ max-width:100%; max-height:100%;}

#logo{ float:left;}
#logo img{ width:13.5rem;}
#nav{ float:right; }
#nav ul{ float:left;}
#nav ul li{ float:left; line-height:4.25rem;}
#nav ul li+li{ margin-left:2.6rem; }
#nav ul li a{ font-size:1.125rem; color:#fff; font-family:"Times New Roman", Times, serif; font-weight:bold; display:block;}
#nav ul li a h3{ position:relative; font-size:1.125rem; color:#fff; font-style:italic; font-weight:bold;}
#nav ul li.on h3{color: #c6b39d;}
#nav ul li.act>a{ color: #c6b39d;}
#nav ul li:hover h3{ color: #c6b39d;}
#nav ul li h3:after{ content:""; display:block; width:100%; height:1px; position:absolute; left:0; background:#c6b39d; bottom:10px; transition:.3s; transform:scale(0);}
#nav ul li h3:hover:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav .list{ white-space:nowrap; width:570px; height:270px; height:0; background:#fff; padding-top:30px; position:absolute;top:77px; opacity:0; visibility:hidden; transition:.7s; overflow:hidden;}
#nav .list .con{ display:inline-block; margin-left:33px; margin-right:40px; vertical-align:top;}
#nav .list .img{ width:315px; display:inline-block; height:207px; margin-right:35px;}
#nav .list a{ color:#515151; height:30px;line-height:30px; display:block;font-size:16px;text-decoration:none;  font-weight:normal;  margin-right:31px; transition:.5s; }
#nav .list a:hover{ margin-right:0;}
#nav .list a:before{ content:""; display: inline-block; width:0; height:1px; background:#515151; position:relative; top:-6px; margin-right:0; transition:.5s;}
#nav .list a:hover:before{ width:19px; margin-right:12px; }
#nav li:focus .list,#nav li:hover .list{ opacity:1; visibility:visible; height:270px;}
#nav li:focus .list a,#nav li:hover .list a{ }
#nav ul li:nth-child(6) .list{ margin-left: auto; margin-left:-500px; }
#nav ul li:nth-child(7) .list{ margin-left: auto; margin-left:-450px; }
#nav ul li:nth-child(8) .list{ margin-left: auto; margin-left:-500px; }
#nav ul li:nth-child(9) .list{ margin-left: auto; margin-left:-500px; }

#nav ul li .list2{text-align:center;position:absolute;top:77px;overflow:hidden;left:50%;margin-left:-600px;background:#fff;width:1200px;height:0;padding-top:26px;padding-left: 56px;padding-bottom:26px;opacity:0;visibility: hidden;transition:.7s;}
#nav ul li:hover .list2{ opacity:1; visibility:visible; height:390px;}
#nav ul li .list2 a{display:block;width:250px;display:block;float:left;margin-right: 30px;}
#nav ul li .list2 a .img{width:250px;height:  138px;}
#nav ul li .list2 a .img img{ transition:1s;}
#nav ul li .list2 a:hover .img img{ transform:scale(1.1);}
#nav ul li .list2 a h5{ height:36px; line-height:36px; font-size:16px; color:#575757; font-style:italic;}
.search_btn{ height:4.25rem; line-height:4.25rem; margin-left:30px; cursor:pointer; padding-top:5px; }

/**/

.fp-viewing-page1 #gotop2{ bottom:-100px; opacity:0;}
#gotop2{  position:fixed; right:10px; bottom:150px; cursor:pointer; opacity:1; transition:.9s; z-index:999999999999;}



/*导航按钮开始*/
.fp-viewing-page1 #nav_btn_box{ left:-100px;}
#nav_btn_box{ position:fixed; top:0; left:0px; height:90px; width:90px; background:rgba(0,0,0,0); z-index:999999999; transition:.6s;}
#nav_btn_box.on{ background:none; position:fixed;}
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}


/*导航按钮开始*/
#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff; opacity:.8;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*导航按钮结束*/

.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav { z-index: 99999; position: fixed; background: rgba(20,20,20,98); width: 22.5rem;  height:100vh; left: -400px; top: 0; display:none; padding:50px 0; padding-top:80px; overflow:hidden; 
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }
#m_nav.act{ pointer-events: auto; left:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 3.125rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{  }
#m_nav li .a h3{ line-height:5rem; height:5rem; color:#e8e8e8; padding:0; font-size:1.125rem; float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:5rem; float:right; display:inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative; width:100%;z-index:9; left:0; margin-left:0; background:none; border:0; clear: both; padding-bottom:10px; padding-left:1em; }
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color:#bbb;text-align:left;line-height:40px; height: 40px; border:0; font-weight:300; }
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4); display: none;}



.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}




.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{ position:relative;border-bottom:2px solid #eee; height:4.25rem; padding-right:20px; position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{ text-align:left; display:block; position:absolute; bottom:0; height: 4.25rem; line-height: 4.25rem;font-size:1.6rem; font-style:italic; color:#999; pointer-events:none; margin-left:20px; transition:.3s;}
.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem; padding:0 20px;font-size:1.6rem; color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../images/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}

/* icon hover */
.icon_hover::before,
.icon_hover::after {
display: block;
transition: transform 0.4s ease, opacity 0.4s ease;
}

.icon_hover::after {
position: absolute;
transform: translateY(8px);
opacity: 0;
}
.icon_hover:hover::before {
transform: translateY(-8px);
opacity: 0;
}
.icon_hover:hover::after {
transform: translateY(0);
opacity: 1;
}
	

/*首页banner*/

.banner{ height:100vh; width:100vw; position:relative;}
.banner  li{ position:relative; }
.banner li .img{ position: relative; left:0; top:0; width:100%; height:100vh; background-size:cover !important; z-index:8;  }	
#banner li img{ display:inline-block; margin-top:80px;}
#banner li .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; text-align:center; font-family: "Times New Roman", Times, serif; font-style:italic;}
#banner li .txt h5{ font-size:5.375rem; font-style:italic; font-weight:bold; color:#fff; transition:1.5s .6s; opacity:0; display:block; transform:translateY(100px);}
#banner li .txt p{ font-size:1.875rem; font-style:italic; color:#fff; transition:1.5s .6s; opacity:0; display:block; transform:translateY(140px);}
#banner li.slick-current .txt span,#banner li.slick-current .txt h5,#banner li.slick-current .txt p{ transform:translateY(0px); opacity:1;}
#banner li.slick-current{ z-index:999;}
.banner .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-32px; transform:translate(0,0); 
	display:block;
    width: 63px;
    height: 63px;}
.banner .slick-prev{ left:115px;
	background:url(../images/banner_left.png) left center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	animation:moveL 2s linear infinite;
	}
	
.banner .slick-next{ right:115px;
	background:url(../images/banner_right.png) right center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	animation:moveL 2s linear infinite;
	}

.slick-prev:before, .slick-next:before{ display:none;}
@keyframes moveL{
	0%{ transform:translateX(0); -webkit-transform:translateX(0);}
	25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}
	50%{ transform:translateX(0); -webkit-transform:translateX(0); }
	75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }
	100%{ transform:translateX(0); -webkit-transform:translateX(0);}
	}
@-webkit-keyframes moveL{
	0%{ transform:translateX(0); -webkit-transform:translateX(0);}
	25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}
	50%{ transform:translateX(0); -webkit-transform:translateX(0); }
	75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }
	100%{ transform:translateX(0); -webkit-transform:translateX(0);}
	}

.banner li .img{ position:relative; left:0; top:0; width:100%; background-size:cover !important; }
.banner li.slick-current .img1{visibility: visible !important; -webkit-animation: bgscale2 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93); animation: bgscale2 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes bgscale2 {
from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
to { -webkit-transform: scale(1.05); transform: scale(1.05);}
}
@keyframes bgscale2 {
from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
to { -webkit-transform: scale(1.05); transform: scale(1.05);}
}

.mouse{ position: absolute; width:30px;  height:75px; left:50%; margin-left:-15px; bottom:0;}
.mouse b { display:block; width: 1px; height: 75px; background: #cdb894; position: absolute; left: 50%; bottom:0; position:absolute; animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 30px, 0px); }
}

@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 30px, 0px); }
}



#section1{ background:url(../images/section1_bg.jpg) bottom no-repeat;}
#section1 .tt{ font-size:1.75rem; color:#fff; font-weight: bold; font-style: italic; text-align:center; position:relative; margin-bottom:55px; transform:translateY(200px); transition:1s .2s; opacity:0;}
#section1.active .tt{ transform:translateY(0px); opacity:1;}
#section1 ul{ text-align:center; margin-top:58px; transform:translateY(200px); transition:1.2s .2s; opacity:0;}
#section1.active ul{ transform:translateY(0px); opacity:1;}
#section1 ul li{ display:inline-block; padding:0 0.9375rem;}
#section1 ul li a{ display:block; position:relative; top:0;  transition:.5s;}
#section1 ul li .img{ width:100%;}
#section1 ul li .img img{ width:100%; height:100%; transition:1s;}
#section1 ul li:hover .img img{ transform:scale(1.1);}
#section1 ul li .txt{ text-align:left; margin-top:20px;}
#section1 ul li .txt h5{ font-size:1.375rem; color:#fff; font-style:italic; margin-top:14px; margin-bottom:1rem;}
#section1 ul li .txt p{ font-size:.875rem; font-style:italic; color:#fff; color:rgba(255,255,255,.35); line-height:1.5rem; height:3rem; overflow:hidden; margin-bottom:1.5rem;}
#section1 ul li:hover a{ }
.sqm-box { position: relative; width: 60px; height: 20px; overflow: hidden; }
.sqm-box .sq-more { position: relative; border: none;display: inline-block; font-style:italic; 
    vertical-align: middle;
    padding-left: 15px; font-size:.875rem; line-height:20px; color:#fff; color:rgba(255,255,255,.35);
    transition: 300ms; }
.sqm-box:hover .sq-more{ color:#fff; color:rgba(255,255,255,.8);}
.sqm-box:before { content: ""; position: absolute; left: 0; top: 2px; width: 1px; height: 16px; background: #fff; background:#rgba(255,255,255,.35); transition: width 400ms, background 400ms; }
.sqm-box:hover:before {    background-color: #9e8150;
    height: 100%;
    width: 100%;
    top: 0;
}
#section1 ul:before{ content:""; width:0px; height:1px; display:block; position:absolute; left:50%; margin-left:-1000px; bottom:8px; background:rgba(255,255,255,.2); transition:3s 1s; opacity:0;}
#section1.active ul:before{ width:2000px;  opacity:1;}
#section1 ul li .dot{ width:5px; height:5px; border-radius:50%; display:block; position:absolute; left:50%; margin-left:-2.5px; bottom:6px; background:rgba(255,255,255,.2);}
#section1 ul li .dot i{ position:absolute; width:100%; height:100%; border-radius:50%; background:rgba(255,255,255,.1); transition:.5s; left:0; top:0; }
#section1 ul li .dot:before{ content:""; width:1px; height:0; background:#8a8172; display:block; position:absolute; left:50%; bottom:20px; transition:.5s;}

#section1 ul li:hover .dot i{ transform:scale(3.5);}
#section1 ul li:hover .dot:before{ height:25px;}
#section1 ul li a{ transform:translateY(100px); opacity:0; transition:.3s; position: relative; padding-bottom:70px;}
#section1.active ul li a{ transform:translateY(0px); opacity:1;}
#section1.active ul li:nth-child(1) a{ transition:1s .2s;}
#section1.active ul li:nth-child(2) a{ transition:1s .4s;}
#section1.active ul li:nth-child(3) a{ transition:1s .6s;}
#section1 .slick-arrow{
	z-index:99;
	position:absolute;
	bottom: -15px;
	top:auto;
	transform:translate(0,0);
	/* border: 1px solid rgba(255, 255, 255, 0.5); */
	border-radius: 50%;
	background-color: rgba(50, 49, 47, 0.68) !important;
	display:block;
	width: 50px;
	height: 50px;
	}
#section1 .slick-prev{ left:0;
	background:url(../images/s_pro_left.png) center center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	animation:moveL 2s linear infinite;
	}
	
#section1 .slick-next{ right:0;
	background:url(../images/s_pro_right.png) center center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	animation:moveL 2s linear infinite;
	}


#section2 .fp-tableCell{ background:#262728;}
#section2 .tt{ font-size:1.75rem; height:13rem; line-height:13rem; color:#fff; font-weight: bold; font-style: italic; text-align:center; position:relative; text-transform:uppercase; transform:translateY(200px); transition:1s .2s; opacity:0;}
#section2.active .tt{ transform:translateY(0px); opacity:1;}
#section2 ul{ margin-right:-10px; transform:translateY(200px); transition:1.5s .2s; opacity:0;}
#section2.active ul{ transform:translateY(0px); opacity:1;}
#section2 ul li{ width:25%; height:calc(100vh - 13rem); background:#191919; float:left;  transition:.5s; overflow:hidden; position:relative; z-index:0;}
#section2 ul li .img{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; opacity:.4; transition:.5s;}
#section2 ul li .txt{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; }
#section2 ul li .txt .con{ display:block; max-width:80%; margin:0 auto;}
#section2 ul li a{ display:block; }
#section2 ul li font{ font-size:12px; color:#fff; color:rgba(255,255,255,.6); font-style:italic; margin-bottom:10px; display:block;}
#section2 ul li h5{ font-size:1.7875rem; font-weight:bold; color:#fff; text-transform:uppercase; font-style:italic; margin-bottom:20px; transition:.3s; transition:.5s;}
#section2 ul li p{ font-size:.875; color:#fff; color:rgba(255,255,255,.55); line-height:24px; margin-bottom:4.5rem; transition:.5s;}
#section2 .sqm-box{ width:110px;}
#section2 ul li .img:before{ content:""; display:block; width:0; height:100%; position:absolute; top:0; right:0; background:rgba(0,0,0,.3); transition:.7s;}
#section2 ul li:hover .img:before{ width:100%; left:0; right:auto;}
#section2 ul li:hover h5{ color:#ccbda3;}
#section2 .sqm-box .sq-more{ color:rgba(255,255,255,.6);}
.s_video_btn{ font-size:14px; color:#fff; color:rgba(255,255,255,.6); font-style:italic; position:relative; padding-left:74px;}
.s_video_btn font{ display:inline-block !important; width:53px; height:53px; position: absolute; left:0; top:-25px;}
.s_video_btn font:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; border:1px solid rgba(255,255,255,.6); box-sizing: border-box; position:absolute; top:-1px; left:-1px; transition:.5s;}
#section2 ul li:hover .s_video_btn font:before{ transform: scale(1.2); border:1px dashed rgba(255,255,255,.6); animation:zhuanquan 5s infinite linear;}
@-webkit-keyframes zhuanquan {
    0% { transform:rotate(0)}
    100% { transform:rotate(360deg)}
}

#s_video_box a{ display: block; position: relative; width: 100%; height: 290px; overflow: hidden;} 
#s_video_box a img.img{}
#s_video_box a .icon{ position: absolute; left:0; top: 0; width: 100%; height: 100%;    display:block;  background: url(../images/icon_play.png) center no-repeat;}
#show_video_box{ position:fixed; z-index:9999; top:0; left:0; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.9);}
#show_video_box .box{ position:absolute; top:50%;  left:50%; margin-left:-550px; margin-top:-290px; opacity:0; transform:scaleX(.3);
-webkit-transition: all 900ms cubic-bezier(0.410, 0.000, 0.175, 1); /* older webkit */
-webkit-transition: all 900ms cubic-bezier(0.410, 0.000, 0.175, 1.650); 
   -moz-transition: all 900ms cubic-bezier(0.410, 0.000, 0.175, 1.650); 
     -o-transition: all 900ms cubic-bezier(0.410, 0.000, 0.175, 1.650); 
        transition: all 900ms cubic-bezier(0.410, 0.000, 0.175, 1.650); 
}
#show_video_box.act .box{ top:50% ; opacity:1; transform:scaleX(1);}
#page_video{ width:1080px; height:580px;  background:none; position:relative;}
#page_video .video_box{ width:1010px; height:580px;}
#bnt_close{ display:block; width:60px; height:60px; position:absolute; top:-50px; right:0;}
#bnt_close img{ display:block; position:absolute; left:18px; top:18px; width:23px; }
#bnt_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}


#section3{ background:url(../images/section3_bg.jpg) bottom no-repeat;}
#section3 .tt{font-size:1.75rem;color:#fff;font-weight: bold;font-style: italic;text-align:center;position:relative;margin-bottom:55px;text-transform: capitalize;transform:translateY(200px);transition:1s .2s;opacity:0;}
#section3 .tt a{font-family: myE !important;font-weight: normal;}
#section3.active .tt{ transform:translateY(0px); opacity:1;}
#section3 ul{transform:translateY(200px);transition:1.5s .2s;opacity:0;font-size:0;text-align:center;margin: 0 -1rem;}
#section3.active ul{ transform:translateY(0px); opacity:1;}
#section3 ul li{width:20%;display:inline-block;text-align:center;padding: 0 1rem;}
#section3 ul li+li{/* border-left:1px solid #b2a698; *//* border-left: 1px solid rgba(178, 166, 152, 0.5); */}
#section3 ul li a{display:block;padding:45px 0;position:relative;margin-bottom: 1rem;}
#section3 ul li a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #b2a698;}
#section3 ul li a .img{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background:#282727; opacity:0; transition:.5s;}
#section3 ul li a:hover .img{ opacity:1;}
#section3 ul li a .img .bg{width:100%;height:100%;opacity:.4;background-size: cover !important;}
#section3 ul li a .txt{ position:relative;}
#section3 ul li a font{ display:block; height:60px;}
#section3 ul li a h5{ font-size:1.125rem; color:#fff; margin-top:.5rem;}
#section3 ul li a span{font-family:arial;font-size:10px;color: rgba(255,255,255,.5);margin: .5rem 0 0;display: block;}

#section4{ background:url(../images/section4_bg.jpg) bottom no-repeat;}
#section4 .tt{ font-size:1.75rem; color:#fff; font-weight: bold; font-style: italic; position:relative; margin-bottom:55px; text-transform:uppercase;}
#section4 .tt span{ float:right; font-size:14px; font-weight:normal; text-transform: lowercase;}
#section4 ul{ margin:0 -1.4rem;}
#section4 ul li{ width:33.333%; float: left; padding:0 1.4rem;}
#section4 ul li a{ display:block; width:100%;}
#section4 ul li .img{ overflow:hidden;}
#section4 ul li .img img{ width:100%; height:100%; display:block; transition:1s;}
#section4 ul li:hover .img img{ transform:scale(1.1);}
#section4 ul li .txt{ padding:0 .8rem;}
#section4 ul li .txt h5{ font-size:20px; color:#fff; font-style:italic; font-weight:bold; margin-bottom:1rem; margin-top:1.25rem;}
#section4 ul li .txt>span{ font-size:.875rem; color:#fff; color:rgba(255,255,255,.25); font-style:italic; font-weight:bold;}
#section4 ul li .txt p{ font-size:.875rem; color:#fff; color:rgba(255,255,255,.4); line-height:1.5rem; height:3rem; overflow:hidden; margin-top:.7rem; margin-bottom:2rem; }

#section5{ background:url(../images/section5_bg.jpg) center no-repeat; background-size:cover;}
#section5 .tt{ font-size:1.75rem; color:#fff; font-weight: bold; font-style: italic; text-align:center; position:relative; margin-bottom:55px; text-transform:uppercase;}
#section5 .tt i{ display:block; margin:0 auto; width:115px; height:1px; background:#b1946a; margin-top:20px;}
#section5 .s_coop{ max-width:1700px; width:90%; margin:0 auto;}
#section5 ul{ }
#section5 ul li{ float:left; }
#section5 ul li .item{  margin:0 .9rem; margin-bottom:1.5625rem; border-radius:3px; overflow:hidden;}
#section5 ul li img{ width:100%; height:100%; transition:1s; display: block; }
#section5 ul li a:hover img{ transform:scale(1.1);}


#section6{ background:url(../images/section6_bg.jpg) center no-repeat; background-size:cover; overflow:hidden;}
#section6 .m{ width:1200px;}
#section6 .light{ position:absolute; top:-150px; left:50%; margin-left:-600px; transition:2s .5s; opacity:0;}
#section6.active .light{ top:-70px; opacity:1;}
#section6 .tt{ font-size:4rem; color:#fff; }
#section6 .txt{ font-size:1.0625rem; font-family:"Futura Bk BT"; color:#f2f2f2; opacity:.4; line-height:28px;}


.j_form{ width:640px;}
.j_form .form-group{ background:#424344; width:100%; overflow:hidden; margin-bottom:10px; position:relative;}
.j_form .form-group span{width:100px;font-family:"Futura Bk BT";height:46px;line-height:46px;color:#949596;padding-left:1.5rem;display:block;float:left;}
.j_form .form-group span i{ color:#ff0000;}
.j_form .form-group>input{ height:46px; width: calc(100% - 100px); padding-right:20px; float:left; font-size:14px; color:#949596;  background:none; font-family:"Futura Bk BT";}
.j_form .form-group .input_r{ height:46px; line-height:46px;  width: calc(100% - 100px); padding-right:20px; float:left; font-size:14px; color:#999; font-family:"Futura Bk BT"; }
.j_form .form-group select{ width: calc(100% - 100px); height:50px; background:#424344; color:#949596; border:0;    -webkit-appearance: none;
    background-image: url(../images/select_arrow.png);
    background-position: 510px center;
    background-repeat: no-repeat;}
.j_form .form-group textarea{ width: 100%; float:right; height:200px; line-height:26px; padding:15px 20px 15px 1.5rem; font-size:14px; color:#999; background:none; font-family:"Futura Bk BT"; }
.j_form .form-group .yzm{ position:absolute; right:0; top:0; max-height:100%; height: 40px; background:none !important;}
.j_form .form-group .yzm img{ max-width:100%; max-height:100%; mix-blend-mode: multiply;}
.j_form .btn_tijiao{ display:block; width:177px; height:40px; text-align: center; background:#c3b59e; font-family:"Futura Bk BT";  color:#fff; border:0; outline: none; clear:both; transition:.5s; cursor:pointer; margin-top:0px;}


label {font-size:12px;cursor:pointer; margin-right:10px; font-size:15px; color:#323233;}
label i {font-size:18px;font-style:normal;display:inline-block;width:18px;height:18px;text-align:center;line-height:18px;color:#fff;vertical-align:middle;margin:-2px 5px 1px 0px; color:#7d7d7d; position:relative;}
label i:before{ content:""; width:8px; height:8px; display:block; border-radius:50%; background:#7d7d7d; position:absolute; top:4px; left:4px; }
input[type="checkbox"],input[type="radio"] {display:none;}
input[type="radio"] + i {border-radius:50%;}
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i { border:#3d756c 1px solid; }
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i:before{ background:#3d756c;}
input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}
input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}


input::-webkit-input-placeholder{color:#999; }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}/* WebKit browsers */
input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
textarea::-webkit-input-placeholder{color:#999;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}/* WebKit browsers */
textarea:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
textarea:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
textarea:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
textarea:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
textarea::-webkit-scrollbar {width: 1px; }


#section7{ background:#262728; color:#a9a9a9; padding-top:75px;}

.foot_logo{
    width: 340px;
}
.foot_logo .txt{ font-size:12px; line-height:26px; color:#a9a9a9; font-style: italic; margin-top:20px;}
.foot_nav{}
.foot_nav ul{}
.foot_nav ul li{ float:left; margin-left:56px;}
.foot_nav ul li h3{ text-transform:uppercase; font-size:14px; color:#d7d7d7; margin-bottom:13px;}
.foot_nav ul li .list{}
.foot_nav ul li .list a{ display:block; font-size:12px; color:#88888c; line-height:26px;}
.foot_rukou{}
.foot_rukou ul{}
.foot_rukou ul li{ width:223px; height:123px; position:relative; margin-bottom:10px; overflow:hidden;}
.foot_rukou ul li img{ position:absolute; width:100%; height:100%; top:0; left:0; transition:1s;}
.foot_rukou ul li:hover img{ transform:scale(1.1);}
.foot_rukou ul li .txt{ position:relative; padding-top:37px;}
.foot_rukou ul li .txt font{ display:block; width:28px; height:28px; margin:0 auto; background-repeat:no-repeat !important;}
.foot_rukou ul li .txt h5{ text-align:center; font-size:18px; font-weight:bold; font-style:italic; color:#fff;}

.foot_bot{ text-align:center; border-top:1px solid #38393a; margin-top:50px; padding-top:22px; padding-bottom:45px;}
.foot_bot .copyright{ display:block; font-size:12px; color:#545455; font-style:italic;}
.foot_bot .copyright a:hover{ color:#fff;}
.foot_share{ display:block; text-align:center;}
.foot_share li{ display:inline-block; margin:0 6px; margin-top:15px;}
.foot a{ transition:.3s;}
.foot_nav ul li .list a:hover{ color:#fff;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #c3b59e;}
#fp-nav ul li .fp-tooltip{ display:none;}



/**/
/* /assets/widget/style/component/onlineService/widget_setting_showStyle/style1_2_3_4.css */
@media(min-width:769px){.sitewidget-onlineService-colorful{position:fixed;right:0;top: 50%;margin-top: -120px;z-index:99;}
.sitewidget-onlineService-colorful .sideShowArrow{position:absolute;left:-30px;top:90px;cursor:pointer;width:28px;height:60px;background-position:center center;background-repeat:no-repeat;background:url(../images/down2.png) center no-repeat;}
.sitewidget-onlineService-colorful .sitewidget-hdbg,.sitewidget-onlineService-colorful .sitewidget-hdbg-cus{cursor:pointer;width:100%;height:140px;background-position:center center;background-repeat:no-repeat}
.sitewidget-onlineService-colorful .sitewidget-hdbg{background:url(../images/onlineservicecolorfulleft.png) center no-repeat;}
.sitewidget-onlineService-colorful .sitewidget-bd>ul>li{margin-top:3px}
.sitewidget-onlineService-colorful .sitewidget-bd li .a,.sitewidget-onlineService-colorful .sitewidget-onlineService-togglebtn i{padding-left:28px;display:block;line-height:30px;font-size:12px;background-repeat:no-repeat;background-image:url("../images/colorfulicons_colorful.png");padding-right:4px;width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService-colorful .sitewidget-bd li .a:hover{background-color:#e6e6e6}
.sitewidget-onlineService-colorful .sitewidget-bd a:hover{color:#3b8ac2}
.sitewidget-onlineService-colorful li .a{color:#222;background-color:#ddd}
.sitewidget-onlineService-colorful .sitewidget-bd li ul a{background-color:#fafafa}
.sitewidget-onlineService-colorful .sitewidget-bd li ul a:hover{background-color:#ededed}
.sitewidget-onlineService-left-colorful{right:auto;left:0}
.sitewidget-onlineService-left-colorful .sideShowArrow{right: -28px;left:auto;}
.sitewidget-onlineService-left-colorful .sitewidget-hdbg{background-image:url(../images/onlineservicecolorfulleft.png)}
.sitewidget-onlineService-colorgold .sideShowArrow,.sitewidget-onlineService-colorgold .sitewidget-hdbg{background-color:#a36a1d}
.sitewidget-onlineService-colorseablue .sideShowArrow,.sitewidget-onlineService-colorseablue .sitewidget-hdbg{background-color:#0f9994}
.sitewidget-onlineService-colorred .sideShowArrow,.sitewidget-onlineService-colorred .sitewidget-hdbg{background-color:#a60832}
.sitewidget-onlineService-colorskyblue .sideShowArrow,.sitewidget-onlineService-colorskyblue .sitewidget-hdbg{background-color:#0865a7}
.sitewidget-onlineService-colorful .sitewidget-onlineService-togglebtn{position:relative}
.sitewidget-onlineService-colorful .sitewidget-onlineService-togglebtn i{padding:0;position:absolute;height:4px;width:6px;top:50%;margin-top:-2px;right:10px;background-position:right bottom}
.sitewidget-onlineService-colorful .sitewidget-onlineService-togglebtn i.i-changeup{background-position:left bottom}
}
.sitewidget-onlineService-colorfullist .onlineService_wechat{background-position:0 -874px}
.sitewidget-onlineService-colorfullist .onlineService_wechat:hover{background-position:-31px -907px}
.sitewidget-onlineService-colorfullist .onlineService_q{background-position:0 0}
.sitewidget-onlineService-colorfullist .onlineService_q:hover{background-position:-30px -30px}
.sitewidget-onlineService-colorfullist .onlineService_t{background-position:0 -60px}
.sitewidget-onlineService-colorfullist .onlineService_t:hover{background-position:-30px -90px}
.sitewidget-onlineService-colorfullist .onlineService_e{background-position:0 -120px}
.sitewidget-onlineService-colorfullist .onlineService_e:hover{background-position:-30px -150px}
.sitewidget-onlineService-colorfullist .onlineService_s{background-position:0 -180px}
.sitewidget-onlineService-colorfullist .onlineService_s:hover{background-position:-30px -210px}
.sitewidget-onlineService-colorfullist .onlineService_fb{background-position:0 -240px}
.sitewidget-onlineService-colorfullist .onlineService_fb:hover{background-position:-30px -270px}
.sitewidget-onlineService-colorfullist .onlineService_sms{background-position:0 -240px}
.sitewidget-onlineService-colorfullist .onlineService_sms:hover{background-position:-30px -270px}
.sitewidget-onlineService-colorfullist .onlineService_whatsApp{background-position:0 -500px}
.sitewidget-onlineService-colorfullist .onlineService_whatsApp:hover{background-position:-30px -531px}
.sitewidget-onlineService-colorfullist .onlineService_qr{background-position:0 -638px}
.sitewidget-onlineService-colorfullist .onlineService_aliww{background-position:0 -570px}
.sitewidget-onlineService-colorfullist .onlineService_aliww:hover{background-position:-30px -600px}
.sitewidget-onlineService-colorfullist .onlineService_other{background-position:0 -389px}
.sitewidget-onlineService-colorfullist .onlineService_other:hover{background-position:-30px -419px}
@media(max-width:768px){.sitewidget-onlineService-colorful{background-color: rgba(0,0,0,0.35);position:fixed;width:100%;left:0 !important;bottom:0;height: 52px;z-index:99;}
.sitewidget-onlineService-colorfullist{display:-webkit-box;display:-moz-box;display:box;border-top: 1px solid rgba(0,0,0,0.2);border-bottom: 1px solid rgba(0,0,0,0.2);width:100%;}
.sitewidget-onlineService-colorfullist>li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;position:relative;border-left: 1px solid rgba(0,0,0,0.2);}
.sitewidget-onlineService-colorful .sitewidget-onlineService-colorfullist>li>a{display:block;line-height:26px;padding-top: 26px;position:relative;text-align:center;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;color: #fff;font-size: 0.75rem;}
.sitewidget-onlineService-colorfullist>li>a:before,.sitewidget-onlineService-colorful .sitewidget-bd li ul a,.sitewidget-onlineService-colorful .sitewidget-onlineService-togglebtn i{background-repeat:no-repeat;background-image:url("../images/colorfulicons_colorful.png")}
.sitewidget-onlineService-colorfullist>li>a:hover{background-color:#efefef}
.sitewidget-onlineService-colorfullist>li>a:before{content:'';position:absolute;height:30px;width:30px;top:0;left:50%;margin-left:-15px}
.sitewidget-onlineService-colorful .sitewidget-onlineService-togglebtn i{height:4px;width:6px;background-position:right bottom;position:absolute;bottom:4px;right:4px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.sitewidget-onlineService-colorful .sideShowArrow{display:none !important}
.sitewidget-onlineService-colorfullist .onlineService_q:before{background-position:0 0}
.sitewidget-onlineService-colorfullist .onlineService_q:hover:before{background-position:-30px -30px}
.sitewidget-onlineService-colorfullist .onlineService_wechat:before{background-position:0 -875px}
.sitewidget-onlineService-colorfullist .onlineService_wechat:hover:before{background-position:-31px -908px}
.sitewidget-onlineService-colorfullist .onlineService_t:before{background-position:0 -60px}
.sitewidget-onlineService-colorfullist .onlineService_t:hover:before{background-position:-30px -90px}
.sitewidget-onlineService-colorfullist .onlineService_e:before{background-position:0 -120px}
.sitewidget-onlineService-colorfullist .onlineService_e:hover:before{background-position:-30px -150px}
.sitewidget-onlineService-colorfullist .onlineService_s:before{background-position:0 -180px}
.sitewidget-onlineService-colorfullist .onlineService_s:hover:before{background-position:-30px -210px}
.sitewidget-onlineService-colorfullist .onlineService_fb:before{background-position:0 -240px}
.sitewidget-onlineService-colorfullist .onlineService_fb:hover:before{background-position:-30px -270px}
.sitewidget-onlineService-colorfullist .onlineService_sms:before{background-position:0 -240px}
.sitewidget-onlineService-colorfullist .onlineService_sms:hover:before{background-position:-30px -270px}
.sitewidget-onlineService-colorfullist .onlineService_whatsApp:before{background-position:0 -500px}
.sitewidget-onlineService-colorfullist .onlineService_whatsApp:hover:before{background-position:-30px -530px}
.sitewidget-onlineService-colorfullist .onlineService_qr:before{background-position:0 -638px}
.sitewidget-onlineService-colorfullist .onlineService_aliww:before{background-position:0 -570px}
.sitewidget-onlineService-colorfullist .onlineService_aliww:hover:before{background-position:-30px -600px}
.sitewidget-onlineService-colorfullist .onlineService_other:before{background-position:0 -389px}
.sitewidget-onlineService-colorfullist .onlineService_other:hover:before{background-position:-30px -419px}
.sitewidget-onlineService-colorfullist>li ul{position:absolute;min-width:100%;left:0;bottom:59px;border:1px solid #d3d3d3;background-color:rgba(220,220,220,0.75)}
.sitewidget-onlineService-colorfullist>li ul a{display:block;line-height:30px;padding-left:28px;padding-right:5px;white-space:nowrap}
.sitewidget-onlineService-colorfullist>li ul a:hover{color:#3b8ac2;background-color:#efefef}

.sitewidget-onlineService-colorfullist>li:last-child ul{left:auto;right:0}
}


.sitewidget-onlineService{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.sitewidget-onlineService.close{ left:-90px;}
.sideShowArrow{ display:none}
.sideShowArrow.show{ display:block}

li.ar_wap{ display: none !important;}

.bottom_button{position:fixed;right: 3.6rem;bottom:0;width: 125px;height:37px;cursor:pointer;z-index:9999;}
.bottom_form{display:none;position:fixed;z-index:1000;width:372px  ;height:310px  ;background:#fff;bottom: 37px;right: 3.6rem;-moz-border-top-left-radius:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;-moz-border-top-right-radius:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;overflow:hidden;border:#dddddd 1px solid;}
.bottom_form  h3 span{content:"";position:absolute;width:12px;height:12px;z-index:100;top: 14px;right:15px;background:url(../images/close_icon.png) center no-repeat;cursor:pointer;}
.bottom_form form{ padding:0 20px; position:relative; z-index:1}
.bottom_form h3{height: 40px;line-height: 40px;font-size:1.5rem;color:#fff;background:#000;padding:0 0.75rem;margin-bottom: 10px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.bottom_form .messlist {height: 30px;margin: 0 0 16px 0;float:left;width: 49%;border: #ccc 1px solid;color:#626364;}
.bottom_form label,.form-list .messlist01 label,.bottom_form .messlist03 label{float:left;width: 20%;height: 38px;line-height: 38px;color: #727272;font-size: 1.0625rem;box-sizing: border-box;font-weight:  normal;}
.bottom_form .messlist input{float:left;width:100%;height: 28px;padding: 0 10px;background: none;border: none;outline: none;color: #757575;font-size: 14px;} 
.bottom_form .messlist01{height: 43px;margin-top: 30px;float:left;width: 880px;border:#d3d7d8 1px solid;background:#fbfbfc;color:#626364;margin-right: 44px;}
.bottom_form .messlist01 input{float:left;width: 712px;height: 48px;padding: 0 10px;background-color:#fbfbfc;border: none;outline: none;color:#626364; font-size:12px;} 
.bottom_form .messlist02{border:#d3d7d8 1px solid;height: auto;margin: 0 0 54px 0;float:left;width: 100%;color:#626364;box-sizing: border-box;}
.bottom_form .messlist02 textarea{float:left; font-family:arial; width: 100%;height: 90px;color: #757575;font-size: 14px;border: none;outline: none;padding: 10px 10px;resize:none;box-sizing: border-box;background: none;}
.bottom_form .messlist02 label{float:left;width: 100%;height: 40px;line-height: 40px;color: #727272;font-size: 1.0625rem;box-sizing: border-box;font-weight:  normal;}
.bottom_form .yanzheng{display:inline;float:left;margin: 3px 0 0 28px;position: absolute;right: 3px;}
.bottom_form .yanzheng img{ width:95px; height:34px;}
.bottom_form .messsub input{float: left;width: 183px;height: 30px;line-height: 30px;background: #222222;font-size: 0.9375rem;cursor:pointer;color: #fff;border:none;margin-top: -1.8rem;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.bottom_form .messlist03{ position:relative; z-index:1; height: 40px;margin: 0 0 0 0;float:left;width: 340px;border: #e2e4e6 1px solid;color:#626364;box-sizing: border-box;position: relative;}
.bottom_form .messlist03 input{float:left;width: 140px;height: 38px;color:#626364;font-size: 14px;border: none;outline: none;padding: 10px 10px;resize:none;box-sizing: border-box;background: none;}
.bottom_form.show{ display:block}


/*========= 内页开始 =========*/


#header.n_header{ position: fixed; background:#262728; top:0; height:133px;}
/*内页banner*/
.bn-box {width: 100%;overflow: hidden;position: relative;z-index:0; margin-top:133px; }
.ny_banner {width: 2000px;height:400px;position: relative;overflow: hidden;margin-left: 50%;left: -1000px;top: 0; overflow:hidden;}
.ny_banner .m{ display:table; position:relative; }
.ny_banner .m .box{height:400px; vertical-align:middle; display:table-cell; margin:0 auto; text-align:center;}
.ny_banner h5{ font-size:45px; color:#acabab;  color:rgba(255,255,255,.9); font-style:italic; }
.ny_banner span{ font-size:18px; color:#a9a7a6; color:rgba(255,255,255,.8);  font-style:italic; display:block; margin-top:15px; }
.ny_banner .box i{ display:block; width:25px; height:3px; background:#a63300;  }

#footer{ background:#262728; padding-top:76px;}

#gotop{ position:fixed; right:50%; margin-right:-750px; bottom:80px; cursor:pointer; opacity:1; transition:.9s;}
#gotop.hide{ opacity:0; bottom:-100px;}

.j_position{ text-align:right; font-family:arial; color:#8a8986; padding:22px 0; padding-top:30px; font-size:12px;position: relative;
    z-index: 99;}
.j_position img{ margin-right:5px;}
.j_position a{ font-family:arial; color:#8a8986; margin:0 5px; transition:.3s;}
.j_position a:hover{ color:#b39f87;}
.j_position em{ color:#b39f87;}


#n_main{ }

.n_body .bottom_button{ position:absolute; bottom:555px; }
.n_body .bottom_form{position:absolute;bottom: 592px;right: 3.6rem;}
#n_about_xq{ margin-bottom:60px;}

#n_project_xq{ padding-bottom:55px;}
#n_project_xq .tt{ font-size:28px; color:#4c4c4d; font-style:italic; font-weight:bold; margin-bottom:20px;}

#n_project_tuijian{ background:#f4f4f4; padding-top:65px; padding-bottom:50px;}
#n_project_tuijian .tt{ font-size:28px; color:#4c4c4d; font-style:italic; font-weight:bold; margin-bottom:20px;}
#n_project_tuijian .txt{font-size:16px;color:#707070;line-height:28px; margin-bottom:40px;}
#n_project_tuijian ul{ overflow:hidden; margin-right:-38px;}
#n_project_tuijian ul li{ width:211px; float:left; margin-right:36px; padding-bottom:26px;}
#n_project_tuijian ul li .img{ width:100%; height:196px; margin-bottom:10px;}
#n_project_tuijian ul li .img img{ width:100%; height:100%; transition:1s;}
#n_project_tuijian ul li:hover .img img{ transform:scale(1.1);}
#n_project_tuijian ul li p{ font-size:16px; color:#575859; line-height:24px; height:48px; overflow:hidden;}

#n_contact{ margin-top:-66px; overflow:hidden; padding-top:85px; padding-bottom:70px; }
#n_contact .m{ width:1200px;}
#n_contact .light{ position:absolute; top:-200px; left:50%; margin-left:-600px; }
#n_contact .tt{ font-size:4rem; color:#4a4a4b; margin-top:130px; margin-bottom:20px; }
#n_contact .txt{ font-size:1rem; font-family: "Times New Roman"; color:#4c4c4c; line-height:38px; font-style:italic;}
#n_contact .txt p{ font-size:1rem; font-family: "Times New Roman"; color:#4c4c4c; line-height:38px; font-style:italic;}
#n_contact .txt p *{ font-size:1rem; font-family: "Times New Roman"; color:#4c4c4c; line-height:38px; font-style:italic;}
#n_contact .j_form{ width:640px;}
#n_contact .j_form .form-group{ background:#f2f2f2; }
#n_contact .j_form .form-group select{ background:#f2f2f2; -webkit-appearance: none; background-image:url(../images/select_arrow.png); background-position:510px center; background-repeat:no-repeat; }
.j_form .form-group select option{ padding-top:10px; padding-bottom:10px;}


#n_news{ margin-top:-40px;}
#n_news .item{ padding-bottom:40px; padding-top:40px;}
#n_news .item+.item{ border-top:1px solid #eaeaea;}
#n_news ul{ overflow:hidden; width:1226px; margin:0 auto;}
#n_news ul li{ width:33.333%; float: left; padding:0 13px;}
#n_news ul li a{ display:block; width:100%;}
#n_news ul li .img{ overflow:hidden;}
#n_news ul li .img img{ width:100%; height:100%; display:block; transition:1s;}
#n_news ul li:hover .img img{ transform:scale(1.1);}
#n_news ul li .txt{ padding:0 .8rem;}
#n_news ul li .txt h5{ font-size:20px; color:#3f3f3f; font-style:italic; font-weight:bold; margin-bottom:1rem; margin-top:1.25rem;}
#n_news ul li .txt>span{ font-size:14px; color:#808080; font-style:italic; font-weight:bold;}
#n_news ul li .txt p{ font-size:14px; color:#808080; line-height:25px; height:50px; overflow:hidden; margin-top:.7rem; margin-bottom:2rem; }

.n_body .sqm-box { position: relative; width: 60px; height: 20px; overflow: hidden; }
.n_body .sqm-box .sq-more { position: relative; border: none;display: inline-block; font-style:italic; 
    vertical-align: middle;
    padding-left: 15px; font-size:.875rem; line-height:20px; color:#808080;
    transition: 300ms; }
.n_body .sqm-box:hover .sq-more{ color:#fff; }
.n_body .sqm-box:before { content: ""; position: absolute; left: 0; top: 2px; width: 1px; height: 16px; background: #808080; transition: width 400ms, background 400ms; }
.n_body .sqm-box:hover:before {    background-color: #c6b39d;
    height: 100%;
    width: 100%;
    top: 0;
}
.j_tab_cel { display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.j_tab { display: table; width: 100%; height: 100%;}



/*==============分页=====================*/
.j_pages { text-align: center; margin-top:20px; margin-bottom:80px; }
.j_pages .box{display: inline-block; color:#616264; font-size:14px;  }
.j_pages a,.j_pages input,.j_pages button{ height:32px; padding:0 10px; min-width:35px; line-height:30px; border:1px solid #e1e1e1; text-align:center; display:inline-block; margin:0 6px; color:#616264; font-size:14px; text-transform:uppercase; overflow:hidden; float:left; transition:.3s; }
.j_pages .on{ color:#fff !important; background:#262728;}
.j_pages a[href]:hover,.j_pages button:hover{  color:#fff !important; background:#262728;}
.j_pages span{ line-height:40px; float: left; margin:0 8px;}


#n_project ul{ text-align:center; margin-right:-38px;}
#n_project ul li{ display:inline-block; width:376px; margin-right:36px; float:left; margin-bottom:40px;}
#n_project ul li a{ display:block; position:relative; top:0; transition:.5s;}
#n_project ul li .img{ width:100%; height:235px;}
#n_project ul li .img img{ width:100%; height:100%; transition:1s;}
#n_project ul li:hover .img img{ transform:scale(1.1);}
#n_project ul li .txt{ text-align:left; margin-top:20px;}
#n_project ul li .txt h5{ font-size:22px; color:#3d3d3d; font-style:italic; margin-top:14px; margin-bottom:1rem;}
#n_project ul li .txt p{ font-size:14px; font-style:italic; color:#8c8c8c; line-height:24px; height:48px; overflow:hidden; margin-bottom:1.5rem;}
#n_project ul li:hover a{ }

#n_client{ margin-top:-20px;}
#n_client ul{ width:967px; margin:0 auto;}
#n_client ul li{ position:relative; padding-left:352px; padding-top:40px; padding-bottom:40px; border-bottom:1px solid #efefef;}
#n_client ul li .img_box{ position:absolute; width:100%; height:100%; left:18px; top:0;}
#n_client ul li .img_box .con{}
#n_client ul li .img_box .img{ width:100px; height:100px; border-radius:50%; float:left; margin-right:27px;}
#n_client ul li .img_box .img img{ width:100%; height:100%;}
#n_client ul li .img_box h5{ font-size:18px; color:#606060; padding-top:28px; margin-bottom:7px;}
#n_client ul li .img_box span{ font-size:14px; color:#a3a3a3;}
#n_client ul li .txt{ width:595px; padding:28px; background:#f7f7f7; border:1px solid #ececec; border-radius:8px; position:relative;}
#n_client ul li .txt:before{ content: url(../images/client_left.png); width:18px; height:17px; position:absolute; left:-18px; top:50%; margin-top:-8px;}
#n_client ul li .txt .con{ font-size:16px; color:#696969; line-height:30px;}
#n_client ul li.li_2{ padding-left:13px;}
#n_client ul li.li_2 .img_box{ left:auto; right:13px; display:inline-block; text-align:right;}
#n_client ul li.li_2 .img_box .img{ float:right; margin-right:0; margin-left:27px;}
#n_client ul li.li_2 .txt:before{ content: url(../images/client_right.png); width:18px; height:17px; position:absolute; left:auto; right:-18px; top:50%; margin-top:-8px;}

#n_licheng{ overflow:hidden;}
#n_licheng .tt{ font-size:32px; color:#424242; font-weight:bold; margin-bottom:40px; text-transform:uppercase; text-align:center;}
#n_licheng ul{  position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); padding-bottom:70px; padding-top:30px;  }
#n_licheng ul:before{ content:""; display:block; width:1px; height:100%; background:#dddddd; position:absolute; left:50%; top:18px; bottom:0;}
#n_licheng ul li{ overflow:hidden; position:relative; margin:60px 0; clear:both;}
#n_licheng ul li .m{ position:relative; overflow:hidden;}
#n_licheng ul li .txt{ width:538px; float:right;padding:20px 30px; box-sizing:border-box; font-size:16px; line-height:28px; color:#484848; background:#f3f3f3;}
#n_licheng ul li .txt p{ font-size:16px; line-height:28px; color:#484848;}
#n_licheng ul li .riqi{ width:538px; height:100%; text-align:right; position:absolute; top:0; left:0; font-size:34px; color:#484848; font-style:italic;}
#n_licheng ul li .dot{ width:5px; height:37px; background:#939497; border-radius:3px; font-weight:bold; position:absolute; text-align:center; left:50%; margin-left:-2.5px; top:50%; margin-top:-18px; z-index:0;}
#n_licheng ul li:hover{ }
#n_licheng ul li:before{ content:""; display:block; width:100%; height:100%;background:#f3f3f3; position:absolute; left:0; top:0; transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); -webkit-transform:scaleX(0); transition:1.2s;}
#n_licheng ul li:hover:before{ transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); -webkit-transform:scaleX(1); }
#n_licheng ul li:hover .dot{ background:#c6b39d;}
#n_licheng ul li.li_2{ }
#n_licheng ul li.li_2 .txt{ float:left; text-align:right !important;}
#n_licheng ul li.li_2 .txt *{ text-align:right !important;}
#n_licheng ul li.li_2 .riqi{ left:auto; right:0; text-align:left;}
#n_licheng .btn{ display:block; width:40px; height:40px; margin:0 auto;}


/*新闻详情*/
#n_news_xq{ overflow:hidden; padding-top:10px;}
.left_news_xq{ width:869px; float:left;}
.right_news_tujian{ width:288px; float:right; padding-bottom:70px;}
.right_news_tujian ul li{ width:100%; margin-bottom:20px; }
.right_news_tujian ul li a{ display:block; width:100%;}
.right_news_tujian ul li .img{ overflow:hidden; width:100%;}
.right_news_tujian ul li .img img{ width:100%; height:100%; display:block; transition:1s;}
.right_news_tujian ul li:hover .img img{ transform:scale(1.1);}
.right_news_tujian ul li .txt{ }
.right_news_tujian ul li .txt h5{ font-size:18px; color:#3f3f3f; font-style:italic; font-weight:bold; margin-bottom:6px; margin-top:12px;}
.right_news_tujian ul li .txt>span{ font-size:12px; color:#808080; font-style:italic; font-weight:bold;}

.ar_title {margin-bottom:40px; border-bottom:1px solid #efefef; padding-bottom:10px;}
.ar_title h3{ font-size:25px; color:#4a4a4a; font-weight:bold; margin-bottom:30spx; width:818px; font-style:italic;}
.ar_title span.time{ font-size:14px; color:#616060; font-style:italic; line-height:36px;}
.ar_bot{ border-top:1px solid #dedede; margin-top:20px; margin-bottom:70px; padding-top:15px; line-height:28px; font-size:16px; color:#707070;}
.ar_bot a{ font-size:14px; color:#8e8e8e; transition:.3s;}
.ar_bot a:hover{ color:#c6b39d;}
span.span2.shart_box{ position:relative; padding-left:70px; overflow:hidden; display:block; line-height:36px;}
span.span2.shart_box .share_tt{ position:absolute; left:0; top:0; float:left; font-size:14px; color:#616060; font-style:italic;}
#j_shart_s_24{ float:right;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/pinterest2.png) center no-repeat; background-size:20px;}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/facebook2.png) center no-repeat; background-size:20px;}
#j_shart_s_24 .bds_twi{background:url(../images/twitter2.png) center no-repeat; background-size:20px;}
#j_shart_s_24 .bds_linkedin{background:url(../images/linkedin2.png) center no-repeat; background-size:20px;}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

/*内容样式*/
.ar_article{ font-size:16px; color:#707070; line-height:30px;  }
.ar_article p{font-size:16px;color:#707070;line-height:30px; padding-bottom:20px;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#777;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}
.ar_article sub {
    vertical-align: sub;
    font-size: smaller;
}

/*目录*/
#n_mulu{ overflow:hidden; margin-top:-35px;}
#n_mulu .tt{ height:38px; border-bottom:2px solid #e5e5e5; font-size:20px; color:#3b3b3c; text-transform: uppercase; font-weight:bold; margin-bottom:18px;}
.n_mulu_left{ width:220px; float: left;}
.n_mulu_left ul{ border:1px solid #e5e5e5;}
.n_mulu_left ul li{ height:59px; line-height:59px; position: relative; padding-left:55px; padding-right:30px;}
.n_mulu_left ul li+li{ border-top:1px solid #e5e5e5;}
.n_mulu_left ul li a{ display:block; font-size:16px; color:#434344;}
.n_mulu_left ul li font{ position:absolute; height:59px; width:55px; left:0; top:0; display:block; text-align: center;}
.n_mulu_left ul li font img{ position:relative; top:3px;}
.n_mulu_left ul li i{ position:absolute; height:59px; width:27px; right:0; top:0; display:block; background:url(../images/mulu_left.png) left center no-repeat;}
.n_mulu_left ul li:hover,.n_mulu_left ul li.on{ background:#c6b39d;}
.n_mulu_left ul li:hover a,.n_mulu_left ul li.on a{ color:#fff;}
.n_mulu_left ul li:hover i,.n_mulu_left ul li.on i{ background:url(../images/mulu_left_on.png) left center no-repeat;}

.n_mulu_right{ float:right; width:940px;}
.n_mulu_right ul{ float:left; width:100%; margin-top:-10px; margin-bottom:30px;}
.n_mulu_right ul li{ float:left; width:100%; height:3.5rem; line-height:3.5rem; padding:0 4rem 0 2rem; background:url(../images/down_icon.png) left center no-repeat; position:relative; border-bottom:#d1d1d1 1px dashed; margin:1rem 0 0.5rem}
.n_mulu_right ul li a{ font-size:1.125rem; color:#616161; display:inline-block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%}
.n_mulu_right ul li a:hover{ color:#c6b39d;}
.n_mulu_right ul li span{ position:absolute; display:inline-block; width:25px; height:25px; right:0; top:50%; margin-top:-0.78125rem; background:url(../images/down_icon01.png) center no-repeat;}
.n_mulu_right ul li span:hover{ background:url(../images/down_icon01_on.png) center no-repeat;}

/**/

.biaodan{width:100%;height:100%; text-align:center;padding: 30px 0 80px;}

.biaodan h3{ margin-bottom:60px; font-size:24px; color:#4f4f4f; font-weight: bold; font-style:italic;}
.biaodan h3 p{ margin-top:25px;}
.biaodan h3 img{ display:inline}

.biaodan form{text-align:center;font-size: 0; margin-bottom:45px;}

.biaodan .input{display:inline-block; *display:inline; *zoom:1; width: 27.625rem;height: 3.125rem;line-height: 3.125rem;vertical-align:top;background:#fff;margin: 0;border: #cacaca 1px solid; border-right:0; -moz-border-top-left-radius: 3px;-webkit-border-top-left-radius: 3px;border-top-left-radius: 3px;-moz-border-bottom-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;border-bottom-left-radius: 3px;}

.biaodan .input input{float:left;width: 27.625rem;height: 3rem;line-height: 3rem;border:none;background:none;font-size: 0.9375rem;color: #999;padding: 0 1.25rem;}

.biaodan .submit{display:inline-block; *display:inline; *zoom:1; width: 7.25rem;-moz-border-top-right-radius: 3px;-webkit-border-top-right-radius: 3px;border-top-right-radius: 3px;-moz-border-bottom-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;border-bottom-right-radius: 3px;vertical-align:top;background: #585858;margin: 0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;text-transform:  uppercase; }

.biaodan .submit input{width: 100%;height: 3.125rem;line-height: 3.125rem;border:none;background:none;text-align:center;font-size: 0.9375rem;color:#fff;text-transform:  uppercase;}

.biaodan .submit input::-webkit-input-placeholder{ color:#999;}

.biaodan .submit input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }

.biaodan .submit input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999;}

.biaodan .submit input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}

.biaodan .table{ display:table; width:100%; height:100%; text-align:center;}

.biaodan .table_cell{ display:table-cell; vertical-align:middle}

.biaodan h5{ font-size:0.9375rem; color:#898989; line-height:1.25rem}

.biaodan h5 font{ color:#000}

.biaodan h5 br{ display:none}

.biaodan ul{font-size:0;text-align:center; margin-top:26px;}

.biaodan ul li{display:inline-block; *display:inline; *zoom:1;  width:2.1875rem; height:2.1875rem; margin:0 0.5625rem}

.biaodan ul li img{ display:inline; vertical-align:top; float:left; width:2.1875rem; height:2.1875rem;}

.biaodan ul li img.icon02{ display:none}

.biaodan ul li:hover img.icon01{ display:none}

.biaodan ul li:hover img.icon02{ display:block}


/*产品*/
#n_product{ overflow:hidden; margin-top:-35px;}
#n_product .tt{ height:38px; border-bottom:2px solid #e5e5e5; font-size:20px; color:#3b3b3c; text-transform: uppercase; font-weight:bold; margin-bottom:18px;}
.n_pro_left{ width:220px; float: left; padding-bottom:60px; position:relative; z-index:99;}
.n_pro_nav{ position:relative;}
.n_pro_nav ul{ border:1px solid #e5e5e5;}
.n_pro_nav ul li{ height:40px; line-height:40px; overflow:hidden;}
.n_pro_nav ul li+li{ }
.n_pro_nav ul li a{ display:block; font-size:16px; color:#434344; position:relative; padding-left:25px; padding-right:30px; overflow:hidden;}
.n_pro_nav ul li i{ position:absolute; height:40px; width:27px; right:0; top:0; display:block; background:url(../images/mulu_left.png) left center no-repeat;}
.n_pro_nav ul li:hover,.n_pro_nav ul li.on{ background:#c6b39d;}
.n_pro_nav ul li:hover>a,.n_pro_nav ul li.on>a{ color:#fff;}
.n_pro_nav ul li:hover>a>i,.n_pro_nav ul li.on>a>i{ background:url(../images/mulu_left_on.png) left center no-repeat;}
.n_pro_nav .sub{ position:absolute; top:0; display:none; width:220px; background:#f4f4f4; box-shadow:0 3px 15px rgba(0,0,0,.2);}
.n_pro_nav .sub1{ left:220px;}
.n_pro_nav .sub2{ left:218px;}
.n_pro_nav li:hover ul.sub1{ display:block; }
.n_pro_nav li ul.sub1 li:hover ul.sub2{ display:block;}

.n_pro_tuijian{ margin-top:22px;}

.n_pro_tuijian ul li{ margin-bottom:20px;}
.n_pro_tuijian ul li .img{ width:100%; height:205px; margin-bottom:15px;}
.n_pro_tuijian ul li .img img{ width:100%; transition:1s;}
.n_pro_tuijian ul li p{ font-size:16px; color:#575859; line-height:24px; height:48px; overflow:hidden;}
.n_pro_tuijian ul li:hover img{ transform:scale(1.1);}



.n_pro_right{ float:right; width:940px;}
.n_pro_list ul{ margin-right:-30px;}
.n_pro_list ul li{ margin-bottom:30px; width:295px; float:left; margin-right:28px;}
.n_pro_list ul li .img{ width:295px; height:275px; margin-bottom:15px;}
.n_pro_list ul li .img img{ width:100%; transition:1s;}
.n_pro_list ul li h5{ font-size:16px; color:#575859; padding:0 10px;}
.n_pro_list ul li:hover img{ transform:scale(1.1);}

.n_pro_xq{}
.n_pro_xq_slide{ width:485px; height:450px;}
.n_pro_xq_slide img{ width:485px; height:450px;}
.n_pro_xq .box1{ margin-bottom:50px; overflow:hidden; border-bottom:1px solid #eaeaea; padding-bottom:50px;}
.n_pro_xq .box1 .fr{ width: calc(100% - 500px);}
.n_pro_xq .box1 .txt{ font-size:16px; color:#606060; line-height:36px; padding-top:77px;}
.n_pro_xq .box1 .txt h5{ font-size:24px; color:#4c4c4d; font-weight:bold; font-style:italic; margin-bottom:22px;white-space: normal;}
.n_pro_xq .box1 .txt p{ font-size:16px; color:#606060; line-height:36px; font-style:italic;}
.n_pro_xq_slide .slick-dots { bottom:-50px;}
.n_pro_xq_slide .slick-dots li button:before{ width:10px; height:10px; border-radius:50%; border:1px solid #000000; font-size:0; box-sizing:border-box;}
.n_pro_xq_slide .slick-dots li.slick-active button:before{ background:#000000;}



#n_pro_slide{ background:#f4f4f4; padding:80px 0;}
#n_pro_slide .tt{ text-align:center; margin-bottom:45px;}
#n_pro_slide .tt span{ font-size:12px; color:#3b3b3c; font-style:italic;}
#n_pro_slide .tt h5{ font-size:24px; color:#3b3b3c; font-weight:bold; font-style:italic; margin-top:15px;}
#n_pro_slide ul{ width:1300px; margin:0 auto; position:relative;}
#n_pro_slide ul li{}
#n_pro_slide ul li a{ display:block; padding-bottom:70px; position:relative;}
#n_pro_slide ul li .img{ width:295px; height:275px;margin:0 auto; margin-bottom:15px;}
#n_pro_slide ul li .img img{ width:100%; transition:1s;}
#n_pro_slide ul li h5{ font-size:16px; color:#575859; padding:0 10px; width:295px; margin:0 auto;}
#n_pro_slide ul li:hover img{ transform:scale(1.1);}


#n_pro_slide ul:before{ content:""; width:2000px; height:1px; display:block; position:absolute; left:50%; margin-left:-1000px; bottom:10px; background:#d5d5d5;}
#n_pro_slide ul li .dot{ width:5px; height:5px; border-radius:50%; display:block; position:absolute; left:50%; margin-left:-2.5px; bottom:8px; background:#b4b4b4;}
#n_pro_slide ul li .dot:after{ content:""; width:5px; height:5px; border-radius:50%; display:block; position:absolute; left:0; bottom:0; background:#b4b4b4;}
#n_pro_slide ul li .dot i{ position:absolute; width:21px; height:21px; transform:scale(0); border-radius:50%; background:#f4f4f4; border:1px solid #b4b4b4; transition:.5s; left:-8px; top:-8px;box-shadow: 0 5px 5px 9px #f4f4f4; }
#n_pro_slide ul li .dot:before{ content:""; width:1px; height:0; background:#939393; display:block; position:absolute; left:50%; bottom:20px; transition:.5s;}

#n_pro_slide ul li:hover .dot i{ transform:scale(1);}
#n_pro_slide ul li:hover .dot:before{ height:25px;}

#n_pro_slide .slick-arrow{ z-index:99; position:absolute; bottom:-21px; top:auto; transform:translate(0,0); 
	display:block;
    width: 63px;
    height: 63px;}
#n_pro_slide .slick-prev{ left:0;
	background:url(../images/n_pro_left.png) center center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	animation:moveL 2s linear infinite;
	}
	
#n_pro_slide .slick-next{ right:0;
	background:url(../images/n_pro_right.png) center center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	animation:moveL 2s linear infinite;
	}



.n_shuzi{ overflow:hidden; padding-top:93px; position: relative; background:#f7f7f7; margin-top:-65px; padding-bottom:72px;}
.a_tt{ text-align: center; font-size:32px; color:#424242; font-weight:bold; margin-bottom:50px; text-transform:uppercase;}
.n_shuzi .m>ul{ position:relative; z-index:9; margin:0 -50px; overflow:hidden; padding-bottom:46px;}
.n_shuzi .m>ul li{ float:left; text-align:center; width:20%;  }
.n_shuzi .m>ul li h5{ font-size:48px; color:#464646; margin-top:-7px;}
.n_shuzi .m>ul li p{ font-size:16px; color:#9b9b9b; margin-top:10px; line-height:24px;}
.about_rukou{ overflow:hidden; border-top:1px solid #e0e0e0; padding-top:50px;}
.about_rukou ul{ margin-right:-20px;}
.about_rukou ul li{ width:595px; height:220px; position:relative; margin-right:12px; float:left; overflow:hidden;}
.about_rukou ul li img{ position:absolute; width:100%; height:100%; top:0; left:0; transition:1s;}
.about_rukou ul li:hover img{ transform:scale(1.1);}
.about_rukou ul li .txt{ position:relative; padding-top:77px;}
.about_rukou ul li .txt font{ display:block; width:28px; height:28px; margin:0 auto; background-repeat:no-repeat !important;}
.about_rukou ul li .txt h5{ text-align:center; font-size:20px; color:#fff; margin-bottom:16px;}



#n_zizhi{ padding:80px 0;  padding-bottom:80px;}
#n_zizhi .tt{ text-align:center; font-size:30px; font-weight:bold; margin-bottom:70px; color:#373739;}
#n_zizhi ul{}
#n_zizhi ul li{}
#n_zizhi ul li a{ display:block; background:#f7f7f7; width:285px; margin:0 auto; padding-bottom:25px; padding-top:10px;}
#n_zizhi ul li .j_tab_cel{ text-align:center;}
#n_zizhi ul li .img{ width:260px; height:210px; margin:0 auto; transition:.3s;}
#n_zizhi ul li .img img{ display:inline-block; max-height: 175px; max-width:238px; width:auto; height:auto;}
#n_zizhi ul li h5{ text-align:center; font-size:16px; color:#373739; }

#n_zizhi .slick-dots { bottom:-50px;}
#n_zizhi .slick-dots li button:before{ width:10px; height:10px; border-radius:50%; border:1px solid #000000; font-size:0; box-sizing:border-box;}
#n_zizhi .slick-dots li.slick-active button:before{ background:#000000;}


#n_factory{ background:#f7f7f7; padding:75px 0;}
#n_factory ul{}
#n_factory ul li{}
#n_factory ul li .img{ width:390px; height:275px; margin:0 auto;}

#n_factory .slick-dots { bottom:-50px;}
#n_factory .slick-dots li button:before{ width:10px; height:10px; border-radius:50%; border:1px solid #000000; font-size:0; box-sizing:border-box;}
#n_factory .slick-dots li.slick-active button:before{ background:#000000;}

#about_pro{ padding:70px 0;}
#container>div>img{ width:100%; display:block;}



@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}




#section4 .tt{transform:translateY(200px); transition:1s .2s; opacity:0;}
#section4.active .tt{ transform:translateY(0px); opacity:1;}
#section4 li{ transform:translateY(200px); transition:1s; opacity:0;}
#section4.active li{ transform:translateY(0px); opacity:1; transition:1.5s .2s;}
#section4.active li:nth-child(2){ transition:1.5s .4s; }
#section4.active li:nth-child(3){ transition:1.5s .6s; }

#section5 .tt{transform:translateY(200px); transition:1s .2s; opacity:0;}
#section5.active .tt{ transform:translateY(0px); opacity:1;}
#section5 li{ transform:translateY(200px); transition:1s; opacity:0;}
#section5.active li{ transform:translateY(0px); opacity:1; transition:1.5s .2s;}

#section6 .fl{transform:translateY(200px);transition:1s .2s;opacity:0;width: 500px;}
#section6.active .fl{ transform:translateY(0px); opacity:1;}
#section6 .fr{ transform:translateY(200px); transition:1s; opacity:0;}
#section6.active .fr{ transform:translateY(0px); opacity:1; transition:1.5s .2s;}


.cssSelect {
    width: calc(100% - 100px);
    height:50px;
    color:#949596;
    border:0;
    -webkit-appearance: none;
    background-image: url(../images/select_arrow.png);
    background-position: 510px center;
    background-repeat: no-repeat;
    float:  right;
}

.cssSelect * {
	display: block
}

.cssSelect a {
	color: #666;
	outline-width: 0;
	text-decoration: none
}

.cssSelect .selectBox {
	cursor: pointer; height:46px;
}

.cssSelect .selectLt {
	cursor: pointer;
	float: left;
	text-align: left
}

.cssSelect .selectRt {
	cursor: pointer;
}

.cssSelect .selectBox {
}

.cssSelect .selectLt {
	overflow: hidden;
	height: 46px;
	line-height: 49px;
	padding: 0 10px;
	background: none transparent scroll repeat 0% 0%;
	color: #949596;
	width:  100%;
	font-family: "Futura Bk BT";
}

.cssSelect .selectRt {
	height: 30px;
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 28px
}

.cssSelect .sNormal {
 
}

.cssSelect .sHover {
	 
}

.cssSelect .sHover .selectRt {
	 
}

.cssSelect .sPressDown {
}

.cssSelect .sPressDown .selectRt {
	 
}

.cssSelect .optionsBox {
	position: absolute;
	margin: 0;
	left:0 !important;
	z-index: 100;
	width:  100%;
	background: rgba(255, 255, 255, 0.93);
	color: #575757;
	height: auto !important;
	border: 1px solid rgba(100,100,100,.1);
}

.cssSelect .optionsInnerBox {
}

.cssSelect .optionBox {
	cursor: pointer;
	padding: 0 30px 0 18px;
	margin: 0;
	height: 28px;
	line-height: 28px;
	color:  #999;
}

.cssSelect .optionBox span {
	cursor: pointer;
	font-size: 14px;
	display:  block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	color:  inherit;
}

.cssSelect .oNormal {
}

.cssSelect .oHover {
	background: #eee;
	color: #666;
}

.cssSelect .selected {
	background: #cdcdcd;
	color: #666;
}


/*字体修改*/

body,*{ font-family:pingfang,PingFangSC,"苹方" !important; font-style:normal !important; }

.yuyan{ display:none; height: 4.25rem; line-height: 4.25rem; position:relative; margin-left: 20px; padding-left: 20px;}
.yuyan:before{ content:""; width:1px; height:18px; background:rgba(255,255,255,.3); display:block; position:absolute; left:0; top:1.6rem;}
.yuyan a{ color: #fff; font-size: 18px;}

.ar_wechat{ position:relative;}
.ar_wechat .dd{ position:absolute; width:0; left:95px; bottom:0px; overflow:hidden; transition:0s; opacity:0;}
.ar_wechat.on .dd{ width:110px; transition:.5s; opacity:1;}
.ar_wechat .dd img{ width:110px; height:110px; display:block;}